{"id":203058,"date":"2023-10-11T02:30:06","date_gmt":"2023-10-11T02:30:06","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/"},"modified":"2023-10-11T02:30:06","modified_gmt":"2023-10-11T02:30:06","slug":"how-to-get-selected-value-from-dropdown-list-using-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/","title":{"rendered":"How to get selected value from dropdown list using 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-from-dropdown-list-using-javascript\/#How_to_get_selected_value_from_dropdown_list_using_JavaScript\" title=\"How to get selected value from dropdown list using JavaScript?\">How to get selected value from dropdown list using 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-from-dropdown-list-using-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-from-dropdown-list-using-javascript\/#1_How_do_I_get_the_selected_text_from_a_dropdown_list_using_JavaScript\" title=\"1. How do I get the selected text from a dropdown list using JavaScript?\">1. How do I get the selected text from a dropdown list using 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-from-dropdown-list-using-javascript\/#2_Can_I_get_the_selected_value_using_jQuery_instead_of_plain_JavaScript\" title=\"2. Can I get the selected value using jQuery instead of plain JavaScript?\">2. Can I get the selected value using jQuery instead of plain 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-from-dropdown-list-using-javascript\/#3_What_if_the_dropdown_list_is_dynamically_generated\" title=\"3. What if the dropdown list is dynamically generated?\">3. What if the dropdown list is dynamically generated?<\/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-from-dropdown-list-using-javascript\/#4_How_can_I_set_the_default_selected_value_for_a_dropdown_list_using_JavaScript\" title=\"4. How can I set the default selected value for a dropdown list using JavaScript?\">4. How can I set the default selected value for a dropdown list using 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-from-dropdown-list-using-javascript\/#5_Is_it_possible_to_get_the_selected_index_of_the_dropdown_list_instead_of_the_value\" title=\"5. Is it possible to get the selected index of the dropdown list instead of the value?\">5. Is it possible to get the selected index of the dropdown list instead of the value?<\/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-from-dropdown-list-using-javascript\/#6_Can_I_get_the_selected_value_from_a_dropdown_list_without_using_JavaScript\" title=\"6. Can I get the selected value from a dropdown list without using JavaScript?\">6. Can I get the selected value from a dropdown list without 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-from-dropdown-list-using-javascript\/#7_How_can_I_update_the_selected_value_of_a_dropdown_list_dynamically\" title=\"7. How can I update the selected value of a dropdown list dynamically?\">7. How can I update the selected value of a dropdown list dynamically?<\/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-from-dropdown-list-using-javascript\/#8_What_is_the_difference_between_the_value_and_text_of_a_selected_option\" title=\"8. What is the difference between the value and text of a selected option?\">8. What is the difference between the value and text of a selected option?<\/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-from-dropdown-list-using-javascript\/#9_How_do_I_get_all_the_values_from_a_dropdown_list_using_JavaScript\" title=\"9. How do I get all the values from a dropdown list using JavaScript?\">9. How do I get all the values from a dropdown list 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-from-dropdown-list-using-javascript\/#10_Can_I_get_the_selected_value_from_a_dropdown_list_using_event_listeners\" title=\"10. Can I get the selected value from a dropdown list using event listeners?\">10. Can I get the selected value from a dropdown list using event listeners?<\/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-from-dropdown-list-using-javascript\/#11_Is_it_possible_to_get_the_selected_value_from_multiple_select_dropdown_list\" title=\"11. Is it possible to get the selected value from multiple select dropdown list?\">11. Is it possible to get the selected value from multiple select dropdown list?<\/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-from-dropdown-list-using-javascript\/#12_How_can_I_prevent_users_from_selecting_specific_options_in_the_dropdown_list\" title=\"12. How can I prevent users from selecting specific options in the dropdown list?\">12. How can I prevent users from selecting specific options in the dropdown list?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_get_selected_value_from_dropdown_list_using_JavaScript\"><\/span>How to get selected value from dropdown list using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nOne common task in web development is retrieving the value selected from a dropdown list using JavaScript. This can be useful for form validation, dynamic content loading, and other interactive features. Here&#8217;s how you can do it:<\/p>\n<p>**To get the selected value from a dropdown list using JavaScript, you need to access the value property of the selected option element.**<\/p>\n<p>Here&#8217;s a step-by-step guide to achieve this:<\/p>\n<p>1. First, you need to select the dropdown element using JavaScript. You can do this by using the document.getElementById() function or other methods like querySelector().<br \/>\n2. Once you have selected the dropdown element, you can access the selected option using the selectedIndex property.<br \/>\n3. You can then access the value of the selected option by using the options property of the dropdown element and passing the selectedIndex.<br \/>\n4. Finally, you can retrieve the value using the value property of the selected option.<\/p>\n<p>Here&#8217;s a sample code snippet to demonstrate how to get the selected value from a dropdown list using JavaScript:<\/p>\n<p>&#8220;`javascript<br \/>\n\/\/ Select the dropdown element<br \/>\nvar dropdown = document.getElementById(&#8220;myDropdown&#8221;);<\/p>\n<p>\/\/ Get the selected option<br \/>\nvar selectedOption = dropdown.options[dropdown.selectedIndex];<\/p>\n<p>\/\/ Get the value of the selected option<br \/>\nvar selectedValue = selectedOption.value;<\/p>\n<p>\/\/ Display the selected value<br \/>\nconsole.log(selectedValue);<br \/>\n&#8220;`<\/p>\n<p>By following these steps, you can easily retrieve the selected value from a dropdown list using JavaScript in your web projects.<\/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_How_do_I_get_the_selected_text_from_a_dropdown_list_using_JavaScript\"><\/span>1. How do I get the selected text from a dropdown list using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get the selected text from a dropdown list, you can access the text property of the selected option element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Can_I_get_the_selected_value_using_jQuery_instead_of_plain_JavaScript\"><\/span>2. Can I get the selected value using jQuery instead of plain JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use the val() function in jQuery to get the selected value from a dropdown list.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_What_if_the_dropdown_list_is_dynamically_generated\"><\/span>3. What if the dropdown list is dynamically generated?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nIf the dropdown list is dynamically generated, you can still use the same approach to retrieve the selected value using JavaScript.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_can_I_set_the_default_selected_value_for_a_dropdown_list_using_JavaScript\"><\/span>4. How can I set the default selected value for a dropdown list using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can set the default selected value for a dropdown list by setting the selected attribute of the desired option element to true.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Is_it_possible_to_get_the_selected_index_of_the_dropdown_list_instead_of_the_value\"><\/span>5. Is it possible to get the selected index of the dropdown list instead of the value?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can access the selectedIndex property of the dropdown element to get the index of the selected option.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Can_I_get_the_selected_value_from_a_dropdown_list_without_using_JavaScript\"><\/span>6. Can I get the selected value from a dropdown list without using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, you need to use JavaScript to retrieve the selected value from a dropdown list as it is a client-side scripting language.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_How_can_I_update_the_selected_value_of_a_dropdown_list_dynamically\"><\/span>7. How can I update the selected value of a dropdown list dynamically?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can set the value property of the selected option element to update the selected value dynamically using JavaScript.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_What_is_the_difference_between_the_value_and_text_of_a_selected_option\"><\/span>8. What is the difference between the value and text of a selected option?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nThe value of an option is the value attribute of the option element, while the text is the inner text content of the option element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_do_I_get_all_the_values_from_a_dropdown_list_using_JavaScript\"><\/span>9. How do I get all the values from a dropdown list using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can loop through all the options in the dropdown list and retrieve their values using JavaScript.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Can_I_get_the_selected_value_from_a_dropdown_list_using_event_listeners\"><\/span>10. Can I get the selected value from a dropdown list using event listeners?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can listen for the change event on the dropdown list and retrieve the selected value using JavaScript event handling.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Is_it_possible_to_get_the_selected_value_from_multiple_select_dropdown_list\"><\/span>11. Is it possible to get the selected value from multiple select dropdown list?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can retrieve the selected values from a multiple select dropdown list by looping through the selected options.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_How_can_I_prevent_users_from_selecting_specific_options_in_the_dropdown_list\"><\/span>12. How can I prevent users from selecting specific options in the dropdown list?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can disable certain options in the dropdown list using the disabled attribute to prevent users from selecting them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list using JavaScript. This can be useful for form validation, dynamic content loading, and other interactive features. Here&#8217;s how you can do it: **To get the selected value from a dropdown &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get selected value from dropdown list using JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/#more-203058\">Read more<span class=\"screen-reader-text\">How to get selected value from dropdown list using 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-203058","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 from dropdown list using JavaScript?<\/title>\n<meta name=\"description\" content=\"How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list\" \/>\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-from-dropdown-list-using-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 from dropdown list using JavaScript?\" \/>\n<meta property=\"og:description\" content=\"How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-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-11T02:30:06+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-from-dropdown-list-using-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get selected value from dropdown list using JavaScript?\",\"datePublished\":\"2023-10-11T02:30:06+00:00\",\"dateModified\":\"2023-10-11T02:30:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/\"},\"wordCount\":641,\"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-from-dropdown-list-using-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/\",\"name\":\"How to get selected value from dropdown list using JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2023-10-11T02:30:06+00:00\",\"dateModified\":\"2023-10-11T02:30:06+00:00\",\"description\":\"How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-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 from dropdown list using 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 from dropdown list using JavaScript?","description":"How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list","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-from-dropdown-list-using-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get selected value from dropdown list using JavaScript?","og_description":"How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-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-11T02:30:06+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-from-dropdown-list-using-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get selected value from dropdown list using JavaScript?","datePublished":"2023-10-11T02:30:06+00:00","dateModified":"2023-10-11T02:30:06+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/"},"wordCount":641,"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-from-dropdown-list-using-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/","name":"How to get selected value from dropdown list using JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2023-10-11T02:30:06+00:00","dateModified":"2023-10-11T02:30:06+00:00","description":"How to get selected value from dropdown list using JavaScript? One common task in web development is retrieving the value selected from a dropdown list","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-from-dropdown-list-using-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 from dropdown list using 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\/203058","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=203058"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203058\/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=203058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=203058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=203058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}