{"id":203014,"date":"2024-11-12T01:56:22","date_gmt":"2024-11-12T01:56:22","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/"},"modified":"2024-11-12T01:56:22","modified_gmt":"2024-11-12T01:56:22","slug":"how-to-get-selected-option-value-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/","title":{"rendered":"How to get selected option value 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-option-value-in-javascript\/#How_to_get_selected_option_value_in_JavaScript\" title=\"How to get selected option value in JavaScript?\">How to get selected option value 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-option-value-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-option-value-in-javascript\/#1_How_can_I_get_the_selected_option_text_instead_of_value_in_JavaScript\" title=\"1. How can I get the selected option text instead of value in JavaScript?\">1. How can I get the selected option text instead of value 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-option-value-in-javascript\/#2_Can_I_use_jQuery_to_get_the_selected_option_value_in_JavaScript\" title=\"2. Can I use jQuery to get the selected option value in JavaScript?\">2. Can I use jQuery to get the selected option value in 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-option-value-in-javascript\/#3_How_can_I_get_the_selected_option_value_from_a_multiple_select_dropdown\" title=\"3. How can I get the selected option value from a multiple select dropdown?\">3. How can I get the selected option value from a multiple select dropdown?<\/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-option-value-in-javascript\/#4_Is_it_possible_to_get_the_selected_option_value_on_change_event\" title=\"4. Is it possible to get the selected option value on change event?\">4. Is it possible to get the selected option value on change event?<\/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-option-value-in-javascript\/#5_Can_I_get_the_selected_option_value_using_onChange_attribute_in_HTML\" title=\"5. Can I get the selected option value using onChange attribute in HTML?\">5. Can I get the selected option value using onChange attribute in HTML?<\/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-option-value-in-javascript\/#6_How_can_I_get_the_selected_option_value_using_data_attributes\" title=\"6. How can I get the selected option value using data attributes?\">6. How can I get the selected option value using data attributes?<\/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-option-value-in-javascript\/#7_How_can_I_get_the_selected_option_value_from_a_dynamically_generated_select_dropdown\" title=\"7. How can I get the selected option value from a dynamically generated select dropdown?\">7. How can I get the selected option value from a dynamically generated select dropdown?<\/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-option-value-in-javascript\/#8_Can_I_get_the_selected_option_value_using_ES6_arrow_functions\" title=\"8. Can I get the selected option value using ES6 arrow functions?\">8. Can I get the selected option value using ES6 arrow functions?<\/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-option-value-in-javascript\/#9_How_can_I_get_all_option_values_from_a_select_dropdown\" title=\"9. How can I get all option values from a select dropdown?\">9. How can I get all option values from a select dropdown?<\/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-option-value-in-javascript\/#10_Is_it_possible_to_get_the_selected_option_value_by_clicking_a_button\" title=\"10. Is it possible to get the selected option value by clicking a button?\">10. Is it possible to get the selected option value by clicking a button?<\/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-option-value-in-javascript\/#11_How_can_I_get_the_selected_option_value_without_using_the_selectedIndex_property\" title=\"11. How can I get the selected option value without using the selectedIndex property?\">11. How can I get the selected option value without using the selectedIndex property?<\/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-option-value-in-javascript\/#12_Can_I_get_the_selected_option_value_using_array_methods_in_JavaScript\" title=\"12. Can I get the selected option value using array methods in JavaScript?\">12. Can I get the selected option value using array methods in JavaScript?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_get_selected_option_value_in_JavaScript\"><\/span>How to get selected option value in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Getting the selected option value in JavaScript can be done using the following code snippet:<\/p>\n<p>&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nvar selectedValue = selectElement.options[selectElement.selectedIndex].value;<br \/>\nconsole.log(selectedValue);<br \/>\n&#8220;`<\/p>\n<p>This code snippet gets the selected option element from a select dropdown with the id &#8220;mySelect&#8221; and accesses its value property to retrieve the selected value.<\/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_can_I_get_the_selected_option_text_instead_of_value_in_JavaScript\"><\/span>1. How can I get the selected option text instead of value in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can get the selected option text by accessing the text property of the selected option element, like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nvar selectedText = selectElement.options[selectElement.selectedIndex].text;<br \/>\nconsole.log(selectedText);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Can_I_use_jQuery_to_get_the_selected_option_value_in_JavaScript\"><\/span>2. Can I use jQuery to get the selected option value in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can use jQuery to get the selected option value. Here is how you can do it:<br \/>\n&#8220;`javascript<br \/>\nvar selectedValue = $(&#8216;#mySelect option:selected&#8217;).val();<br \/>\nconsole.log(selectedValue);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_How_can_I_get_the_selected_option_value_from_a_multiple_select_dropdown\"><\/span>3. How can I get the selected option value from a multiple select dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To get the selected option values from a multiple select dropdown, you can loop through the selected options like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nfor (var i = 0; i < selectElement.options.length; i++) {<br \/>\n    if (selectElement.options[i].selected) {<br \/>\n        console.log(selectElement.options[i].value);<br \/>\n    }<br \/>\n}<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Is_it_possible_to_get_the_selected_option_value_on_change_event\"><\/span>4. Is it possible to get the selected option value on change event?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the selected option value on change event by adding an event listener to the select element like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nselectElement.addEventListener(&#8216;change&#8217;, function() {<br \/>\n    var selectedValue = selectElement.options[selectElement.selectedIndex].value;<br \/>\n    console.log(selectedValue);<br \/>\n});<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Can_I_get_the_selected_option_value_using_onChange_attribute_in_HTML\"><\/span>5. Can I get the selected option value using onChange attribute in HTML?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the selected option value using the onChange attribute in HTML like this:<br \/>\n&#8220;`html<br \/>\n<select id=\"mySelect\" onChange=\"getSelectedValue()\"><br \/><option value=\"1\">Option 1<\/option><br \/><option value=\"2\">Option 2<\/option><br \/>\n<\/select><\/p>\n<p><script><br \/>\nfunction getSelectedValue() {<br \/>\n   var selectedValue = document.getElementById('mySelect').value;<br \/>\n   console.log(selectedValue);<br \/>\n}<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_How_can_I_get_the_selected_option_value_using_data_attributes\"><\/span>6. How can I get the selected option value using data attributes?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can use data attributes to store the value of each option and retrieve it using JavaScript like this:<br \/>\n&#8220;`html<br \/>\n<select id=\"mySelect\"><br \/><option value=\"1\" data-value=\"100\">Option 1<\/option><br \/><option value=\"2\" data-value=\"200\">Option 2<\/option><br \/>\n<\/select><\/p>\n<p><script><br \/>\nvar selectElement = document.getElementById('mySelect');<br \/>\nvar selectedOption = selectElement.options[selectElement.selectedIndex];<br \/>\nvar selectedValue = selectedOption.getAttribute('data-value');<br \/>\nconsole.log(selectedValue);<br \/>\n<\/script><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_How_can_I_get_the_selected_option_value_from_a_dynamically_generated_select_dropdown\"><\/span>7. How can I get the selected option value from a dynamically generated select dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can still use the same method to get the selected option value from a dynamically generated select dropdown by selecting the element using its ID like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nvar selectedValue = selectElement.options[selectElement.selectedIndex].value;<br \/>\nconsole.log(selectedValue);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Can_I_get_the_selected_option_value_using_ES6_arrow_functions\"><\/span>8. Can I get the selected option value using ES6 arrow functions?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can use ES6 arrow functions to get the selected option value like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nselectElement.addEventListener(&#8216;change&#8217;, () => {<br \/>\n    var selectedValue = selectElement.options[selectElement.selectedIndex].value;<br \/>\n    console.log(selectedValue);<br \/>\n});<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_can_I_get_all_option_values_from_a_select_dropdown\"><\/span>9. How can I get all option values from a select dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To get all option values from a select dropdown, you can loop through all options and retrieve their values like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nfor (var i = 0; i < selectElement.options.length; i++) {<br \/>\n    console.log(selectElement.options[i].value);<br \/>\n}<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Is_it_possible_to_get_the_selected_option_value_by_clicking_a_button\"><\/span>10. Is it possible to get the selected option value by clicking a button?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can get the selected option value by clicking a button and accessing the select element&#8217;s value property like this:<br \/>\n&#8220;`javascript<br \/>\ndocument.getElementById(&#8216;myButton&#8217;).addEventListener(&#8216;click&#8217;, function() {<br \/>\n    var selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\n    var selectedValue = selectElement.options[selectElement.selectedIndex].value;<br \/>\n    console.log(selectedValue);<br \/>\n});<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_How_can_I_get_the_selected_option_value_without_using_the_selectedIndex_property\"><\/span>11. How can I get the selected option value without using the selectedIndex property?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can use the value property of the select element directly to get the selected option value without using the selectedIndex property like this:<br \/>\n&#8220;`javascript<br \/>\nvar selectElement = document.getElementById(&#8216;mySelect&#8217;);<br \/>\nvar selectedValue = selectElement.value;<br \/>\nconsole.log(selectedValue);<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Can_I_get_the_selected_option_value_using_array_methods_in_JavaScript\"><\/span>12. Can I get the selected option value using array methods in JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can use array methods like find and filter to get the selected option value from a select dropdown, but it is more complicated and not recommended for this simple task.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using the following code snippet: &#8220;`javascript var selectElement = document.getElementById(&#8216;mySelect&#8217;); var selectedValue = selectElement.options[selectElement.selectedIndex].value; console.log(selectedValue); &#8220;` This code snippet gets the selected option element from a select dropdown with the id &#8220;mySelect&#8221; and accesses its value property &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get selected option value in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/#more-203014\">Read more<span class=\"screen-reader-text\">How to get selected option value 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-203014","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 option value in JavaScript?<\/title>\n<meta name=\"description\" content=\"How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using 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-option-value-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 option value in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using the following code snippet:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-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=\"2024-11-12T01:56:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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-option-value-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get selected option value in JavaScript?\",\"datePublished\":\"2024-11-12T01:56:22+00:00\",\"dateModified\":\"2024-11-12T01:56:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/\"},\"wordCount\":644,\"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-option-value-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/\",\"name\":\"How to get selected option value in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-11-12T01:56:22+00:00\",\"dateModified\":\"2024-11-12T01:56:22+00:00\",\"description\":\"How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using the following code snippet:\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-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 option value 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 option value in JavaScript?","description":"How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using 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-option-value-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get selected option value in JavaScript?","og_description":"How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using the following code snippet:","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-11-12T01:56:22+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.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-option-value-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get selected option value in JavaScript?","datePublished":"2024-11-12T01:56:22+00:00","dateModified":"2024-11-12T01:56:22+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/"},"wordCount":644,"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-option-value-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/","name":"How to get selected option value in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-11-12T01:56:22+00:00","dateModified":"2024-11-12T01:56:22+00:00","description":"How to get selected option value in JavaScript? Getting the selected option value in JavaScript can be done using the following code snippet:","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-option-value-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 option value 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\/203014","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=203014"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203014\/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=203014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=203014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=203014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}