{"id":22435,"date":"2020-09-11T00:26:40","date_gmt":"2020-09-11T07:26:40","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=22435"},"modified":"2021-01-04T02:50:34","modified_gmt":"2021-01-04T10:50:34","slug":"js-dropdown-value","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/","title":{"rendered":"How to Get Dropdown Values with JavaScript"},"content":{"rendered":"\n<p>As you learn how to build web forms, one of the most common tasks is to get values from dropdowns. In this article we&#8217;ll learn how to get such values with JavaScript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Dropdown HTML Element<\/strong><\/h2>\n\n\n\n<p>Let&#8217;s have a quick recap as to how to build a dropdown element using HTML. Do follow my <a href=\"https:\/\/codepen.io\/fbohz-the-decoder\/pen\/poydyXB\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Codepen<\/a> if you get lost.<\/p>\n\n\n\n<p>In order to build our dropdown element we need to use the <code>select<\/code> tag and use <code>option<\/code> children nested under it. The select element creates the dropdown and with the option tags we define those options that will live the dropdown.<\/p>\n\n\n\n<p>Let&#8217;s create a dropdown of our favorite fruits (that have emojis).<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;select name=&quot;fruits&quot; id=&quot;fruits&quot;&gt;\n  &lt;option value=&quot;&quot;&gt;--select--&lt;\/option&gt;\n  &lt;option value=&quot;avocado&quot;&gt;Avocado\ud83e\udd51&lt;\/option&gt;\n  &lt;option value=&quot;watermelon&quot;&gt;Watermelon\ud83c\udf49&lt;\/option&gt;\n  &lt;option value=&quot;kiwi&quot;&gt;Kiwi\ud83e\udd5d&lt;\/option&gt;\n  &lt;option value=&quot;tomato&quot;&gt;Tomato\ud83c\udf45&lt;\/option&gt;\n&lt;\/select&gt;\n&lt;h2 id=&quot;pick&quot;&gt;&lt;\/h2&gt;<\/pre><\/div>\n\n\n\n<p>We added an empty h2 that we will populate with JavaScript later. At this point you can pick your favorite fruit:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"149\" height=\"125\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/92151925-81da0a00-ede7-11ea-9796-2a8a506c4a6e.jpg\" alt=\"\" class=\"wp-image-22436\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/92151925-81da0a00-ede7-11ea-9796-2a8a506c4a6e.jpg 149w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/92151925-81da0a00-ede7-11ea-9796-2a8a506c4a6e-20x17.jpg 20w\" sizes=\"auto, (max-width: 149px) 100vw, 149px\" \/><\/figure>\n\n\n\n<p>Notice the <strong>importance of the value property<\/strong>. This property gives us non-stylized data that we can easily play with JavaScript. On the other hand the text inside the option tag can be pretty much anything, so it is not reliable. The value property is what is important here.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Selecting and Displaying Dropdown Values with JavaScript<\/strong><\/h2>\n\n\n\n<p>First of all we need to select our fruits dropdown by using <code>getElementById<\/code> on the select tag.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>const element = document.getElementById(&quot;fruits&quot;);<\/pre><\/div>\n\n\n\n<p>Now that our dropdown is selected we can get the value of the currently selected option. This by default is the first option. Let&#8217;s try that:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>const checkValue = element.options[element.selectedIndex].value;\nconst checkText = element.options[element.selectedIndex].text;\n<\/pre><\/div>\n\n\n\n<p>Here we are accessing the elements options array attribute. Then we select the index of the currently selected option and access its value or text.&nbsp;<\/p>\n\n\n\n<p>Now try to console.log both variables. What happens? Nothing. Why? Because our first element has an empty value (it&#8217;s just a placeholder). Comment out the first option and try again. Yay! We get both the value and text with javascript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Listening for Dropdown Changes with JavaScript<\/strong><\/h2>\n\n\n\n<p>We should make our dropdown dynamic since JavaScript is designed to react for changes in your page. With that in mind we will assign an <code>eventListener<\/code> to our fruit element.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>element.addEventListener(&quot;change&quot;, (e) =&gt; {\n  const value = e.target.value;\n  const text = element.options[element.selectedIndex].text;\n \n  if (value) {\n    document.getElementById(&quot;pick&quot;).textContent = `Value Selected: ${value}`;\n  } else {\n    document.getElementById(&quot;pick&quot;).textContent = &quot;&quot;;\n  }\n});\n<\/pre><\/div>\n\n\n\n<p>With our <code>eventListener<\/code> we are listening for a change in our dropdown. Note how you can also get the value of the selected option by doing <code>e.target.value<\/code>, this you&#8217;ve probably seen in another tutorial about forms.<\/p>\n\n\n\n<p>We\u2019ve arrived. Now you can select any fruit option and JavaScript is reacting to changes in our dropdown and updating our h2 accordingly. Very fruitful right!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"328\" height=\"116\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/92155152-88b74b80-edec-11ea-8016-7f8911f26735.gif\" alt=\"\" class=\"wp-image-22437\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>Getting dropdown values is a crucial skill as you learn web development. The values we get are important if we want to update a database, show the selection to the user or just &#8216;react&#8217; to DOM changes. With JavaScript we can get such values in no time.<br><\/p>\n","protected":false},"excerpt":{"rendered":"As you learn how to build web forms, one of the most common tasks is to get values from dropdowns. In this article we'll learn how to get such values with JavaScript. Dropdown HTML Element Let's have a quick recap as to how to build a dropdown element using HTML. Do follow my Codepen if&hellip;","protected":false},"author":86,"featured_media":15988,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11933],"tags":[],"class_list":{"0":"post-22435","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"JavaScript","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Get Dropdown Values with JavaScript | Career Karma<\/title>\n<meta name=\"description\" content=\"Learn how to use JavaScript to get dropdown values on HTML forms. Learn JavaScript with Career Karma.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Get Dropdown Values with JavaScript\" \/>\n<meta property=\"og:description\" content=\"Learn how to use JavaScript to get dropdown values on HTML forms. Learn JavaScript with Career Karma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-11T07:26:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-04T10:50:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Felipe Boh\u00f3rquez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Boh\u00f3rquez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/\"},\"author\":{\"name\":\"Felipe Boh\u00f3rquez\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"headline\":\"How to Get Dropdown Values with JavaScript\",\"datePublished\":\"2020-09-11T07:26:40+00:00\",\"dateModified\":\"2021-01-04T10:50:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/\"},\"wordCount\":450,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/\",\"name\":\"How to Get Dropdown Values with JavaScript | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg\",\"datePublished\":\"2020-09-11T07:26:40+00:00\",\"dateModified\":\"2021-01-04T10:50:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\"},\"description\":\"Learn how to use JavaScript to get dropdown values on HTML forms. Learn JavaScript with Career Karma.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg\",\"width\":1020,\"height\":680,\"caption\":\"Coding SQL in a PHP file on a laptop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/js-dropdown-value\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Get Dropdown Values with JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/e2cbf72dcbfaf9e81a8b6a38c1bd4220\",\"name\":\"Felipe Boh\u00f3rquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png\",\"caption\":\"Felipe Boh\u00f3rquez\"},\"description\":\"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/felipe-bohorquez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Get Dropdown Values with JavaScript | Career Karma","description":"Learn how to use JavaScript to get dropdown values on HTML forms. Learn JavaScript with Career Karma.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/","og_locale":"en_US","og_type":"article","og_title":"How to Get Dropdown Values with JavaScript","og_description":"Learn how to use JavaScript to get dropdown values on HTML forms. Learn JavaScript with Career Karma.","og_url":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-09-11T07:26:40+00:00","article_modified_time":"2021-01-04T10:50:34+00:00","og_image":[{"width":1020,"height":680,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg","type":"image\/jpeg"}],"author":"Felipe Boh\u00f3rquez","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Felipe Boh\u00f3rquez","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/"},"author":{"name":"Felipe Boh\u00f3rquez","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"headline":"How to Get Dropdown Values with JavaScript","datePublished":"2020-09-11T07:26:40+00:00","dateModified":"2021-01-04T10:50:34+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/"},"wordCount":450,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/","url":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/","name":"How to Get Dropdown Values with JavaScript | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg","datePublished":"2020-09-11T07:26:40+00:00","dateModified":"2021-01-04T10:50:34+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220"},"description":"Learn how to use JavaScript to get dropdown values on HTML forms. Learn JavaScript with Career Karma.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/js-dropdown-value\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/05\/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg","width":1020,"height":680,"caption":"Coding SQL in a PHP file on a laptop"},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/js-dropdown-value\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/careerkarma.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"How to Get Dropdown Values with JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e2cbf72dcbfaf9e81a8b6a38c1bd4220","name":"Felipe Boh\u00f3rquez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/08\/Screen-Shot-2020-08-17-at-11.10.42-AM-150x150.png","caption":"Felipe Boh\u00f3rquez"},"description":"Felipe Boh\u00f3rquez is a Software Engineer and technical writer at Career Karma. He covers all things frontend and backend development.","url":"https:\/\/careerkarma.com\/blog\/author\/felipe-bohorquez\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/22435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=22435"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/22435\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/15988"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=22435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=22435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=22435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}