{"id":203062,"date":"2023-10-11T12:36:25","date_gmt":"2023-10-11T12:36:25","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/"},"modified":"2023-10-11T12:36:25","modified_gmt":"2023-10-11T12:36:25","slug":"how-to-get-selected-value-of-dropdown-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/","title":{"rendered":"How to get selected value of dropdown in JavaScript?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#How_to_get_selected_value_of_dropdown_in_JavaScript\" title=\"How to get selected value of dropdown in JavaScript?\">How to get selected value of dropdown in JavaScript?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#1_Can_I_use_jQuery_to_get_the_selected_value_of_a_dropdown_in_JavaScript\" title=\"1. Can I use jQuery to get the selected value of a dropdown in JavaScript?\">1. Can I use jQuery to get the selected value of a dropdown in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#2_How_can_I_get_the_text_of_the_selected_option_in_a_dropdown_using_JavaScript\" title=\"2. How can I get the text of the selected option in a dropdown using JavaScript?\">2. How can I get the text of the selected option in a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#3_Is_it_possible_to_get_the_selected_value_of_a_dropdown_on_change_event_using_JavaScript\" title=\"3. Is it possible to get the selected value of a dropdown on change event using JavaScript?\">3. Is it possible to get the selected value of a dropdown on change event using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#4_How_can_I_get_all_the_values_of_a_dropdown_in_JavaScript\" title=\"4. How can I get all the values of a dropdown in JavaScript?\">4. How can I get all the values of a dropdown in JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#5_Can_I_set_the_selected_value_of_a_dropdown_using_JavaScript\" title=\"5. Can I set the selected value of a dropdown using JavaScript?\">5. Can I set the selected value of a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#6_How_can_I_get_the_number_of_options_in_a_dropdown_using_JavaScript\" title=\"6. How can I get the number of options in a dropdown using JavaScript?\">6. How can I get the number of options in a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#7_Is_it_possible_to_get_the_index_of_the_selected_option_in_a_dropdown_using_JavaScript\" title=\"7. Is it possible to get the index of the selected option in a dropdown using JavaScript?\">7. Is it possible to get the index of the selected option in a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#8_How_can_I_reset_the_selected_value_of_a_dropdown_using_JavaScript\" title=\"8. How can I reset the selected value of a dropdown using JavaScript?\">8. How can I reset the selected value of a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#9_Can_I_disable_a_dropdown_using_JavaScript\" title=\"9. Can I disable a dropdown using JavaScript?\">9. Can I disable a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#10_How_can_I_dynamically_populate_a_dropdown_using_JavaScript\" title=\"10. How can I dynamically populate a dropdown using JavaScript?\">10. How can I dynamically populate a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#11_How_can_I_select_a_specific_option_in_a_dropdown_using_JavaScript\" title=\"11. How can I select a specific option in a dropdown using JavaScript?\">11. How can I select a specific option in a dropdown using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#12_Is_it_possible_to_hide_a_specific_option_in_a_dropdown_using_JavaScript\" title=\"12. Is it possible to hide a specific option in a dropdown using JavaScript?\">12. Is it possible to hide a specific option in a dropdown using JavaScript?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_get_selected_value_of_dropdown_in_JavaScript\"><\/span>How to get selected value of dropdown in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>**To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**<br \/>\n&#8220;`javascript<br \/>\nvar dropdown = document.getElementById(&#8220;myDropdown&#8221;);<br \/>\nvar selectedValue = dropdown.options[dropdown.selectedIndex].value;<br \/>\n&#8220;`<\/p>\n<p>This code finds the dropdown element by its ID and then retrieves the selected index value, which is used to get the value of the selected option in the dropdown. Save this value in a variable for further use in your script.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_Can_I_use_jQuery_to_get_the_selected_value_of_a_dropdown_in_JavaScript\"><\/span>1. Can I use jQuery to get the selected value of a dropdown in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use jQuery to get the selected value of a dropdown. You can achieve this by using the `.val()` function on the dropdown element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_How_can_I_get_the_text_of_the_selected_option_in_a_dropdown_using_JavaScript\"><\/span>2. How can I get the text of the selected option in a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get the text of the selected option in a dropdown, you can access the `text` property of the selected option element, like this:<br \/>\n&#8220;`javascript<br \/>\nvar dropdown = document.getElementById(&#8220;myDropdown&#8221;);<br \/>\nvar selectedText = dropdown.options[dropdown.selectedIndex].text;<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Is_it_possible_to_get_the_selected_value_of_a_dropdown_on_change_event_using_JavaScript\"><\/span>3. Is it possible to get the selected value of a dropdown on change event using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can get the selected value of a dropdown on the change event in JavaScript. Simply attach an event listener to the dropdown element for the `change` event and retrieve the selected value when the event is triggered.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_can_I_get_all_the_values_of_a_dropdown_in_JavaScript\"><\/span>4. How can I get all the values of a dropdown in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get all the values of a dropdown in JavaScript, you can iterate over the options of the dropdown and collect the values in an array. Here&#8217;s an example code snippet:<br \/>\n&#8220;`javascript<br \/>\nvar dropdown = document.getElementById(&#8220;myDropdown&#8221;);<br \/>\nvar allValues = [];<br \/>\nfor (var i = 0; i < dropdown.options.length; i++) {<br \/>\n  allValues.push(dropdown.options[i].value);<br \/>\n}<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Can_I_set_the_selected_value_of_a_dropdown_using_JavaScript\"><\/span>5. Can I set the selected value of a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set the selected value of a dropdown using JavaScript by assigning the desired value to the `value` property of the dropdown element. For example:<br \/>\n&#8220;`javascript<br \/>\ndocument.getElementById(&#8220;myDropdown&#8221;).value = &#8220;option2&#8221;;<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_How_can_I_get_the_number_of_options_in_a_dropdown_using_JavaScript\"><\/span>6. How can I get the number of options in a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get the number of options in a dropdown in JavaScript, you can access the `length` property of the dropdown&#8217;s `options` array, like this:<br \/>\n&#8220;`javascript<br \/>\nvar dropdown = document.getElementById(&#8220;myDropdown&#8221;);<br \/>\nvar numOptions = dropdown.options.length;<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Is_it_possible_to_get_the_index_of_the_selected_option_in_a_dropdown_using_JavaScript\"><\/span>7. Is it possible to get the index of the selected option in a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can get the index of the selected option in a dropdown using the `selectedIndex` property of the dropdown element. This property contains the index of the selected option in the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_How_can_I_reset_the_selected_value_of_a_dropdown_using_JavaScript\"><\/span>8. How can I reset the selected value of a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo reset the selected value of a dropdown in JavaScript, you can simply set the `selectedIndex` property of the dropdown to -1, which will deselect all options. Here&#8217;s how you can do it:<br \/>\n&#8220;`javascript<br \/>\ndocument.getElementById(&#8220;myDropdown&#8221;).selectedIndex = -1;<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Can_I_disable_a_dropdown_using_JavaScript\"><\/span>9. Can I disable a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can disable a dropdown using JavaScript by setting the `disabled` property of the dropdown element to `true`. This will prevent users from interacting with the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_How_can_I_dynamically_populate_a_dropdown_using_JavaScript\"><\/span>10. How can I dynamically populate a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo dynamically populate a dropdown using JavaScript, you can create new `option` elements and append them to the dropdown element. You can set the `value` and `text` properties of each option to customize its content.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_How_can_I_select_a_specific_option_in_a_dropdown_using_JavaScript\"><\/span>11. How can I select a specific option in a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo select a specific option in a dropdown using JavaScript, you can set the `selected` property of the desired option to `true`. This will automatically select that option in the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Is_it_possible_to_hide_a_specific_option_in_a_dropdown_using_JavaScript\"><\/span>12. Is it possible to hide a specific option in a dropdown using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can hide a specific option in a dropdown using JavaScript by setting the `style.display` property of the option to `none`. This will hide the option from the dropdown without removing it from the DOM.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:** &#8220;`javascript var dropdown = document.getElementById(&#8220;myDropdown&#8221;); var selectedValue = dropdown.options[dropdown.selectedIndex].value; &#8220;` This code finds the dropdown element by its ID and then retrieves the selected index value, which is used &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get selected value of dropdown in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#more-203062\">Read more<span class=\"screen-reader-text\">How to get selected value of dropdown in JavaScript?<\/span><\/a><\/p>\n","protected":false},"author":51,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-203062","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to get selected value of dropdown in JavaScript?<\/title>\n<meta name=\"description\" content=\"How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get selected value of dropdown in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-11T12:36:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"164\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Adam Forbes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Forbes\" \/>\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:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get selected value of dropdown in JavaScript?\",\"datePublished\":\"2023-10-11T12:36:25+00:00\",\"dateModified\":\"2023-10-11T12:36:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\"},\"wordCount\":667,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\",\"name\":\"How to get selected value of dropdown in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2023-10-11T12:36:25+00:00\",\"dateModified\":\"2023-10-11T12:36:25+00:00\",\"description\":\"How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to get selected value of dropdown in JavaScript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\",\"name\":\"Adam Forbes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Adam Forbes\"},\"description\":\"Guest author Adam Forbes has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to get selected value of dropdown in JavaScript?","description":"How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**","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:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get selected value of dropdown in JavaScript?","og_description":"How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2023-10-11T12:36:25+00:00","og_image":[{"width":500,"height":164,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","type":"image\/png"}],"author":"Adam Forbes","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Adam Forbes","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get selected value of dropdown in JavaScript?","datePublished":"2023-10-11T12:36:25+00:00","dateModified":"2023-10-11T12:36:25+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/"},"wordCount":667,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/","name":"How to get selected value of dropdown in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2023-10-11T12:36:25+00:00","dateModified":"2023-10-11T12:36:25+00:00","description":"How to get selected value of dropdown in JavaScript? **To get the selected value of a dropdown in JavaScript, you can use the following code snippet:**","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to get selected value of dropdown in JavaScript?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060","name":"Adam Forbes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Adam Forbes"},"description":"Guest author Adam Forbes has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=203062"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203062\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=203062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=203062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=203062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}