{"id":203066,"date":"2025-05-19T11:50:26","date_gmt":"2025-05-19T11:50:26","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/"},"modified":"2025-05-19T11:50:26","modified_gmt":"2025-05-19T11:50:26","slug":"how-to-get-selected-value-of-dropdown-in-jquery","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/","title":{"rendered":"How to get selected value of dropdown in jQuery?"},"content":{"rendered":"<p>**To get the selected value of a dropdown in jQuery, you can use the following code:**<br \/>\n&#8220;`javascript<br \/>\nvar selectedValue = $(&#8216;#dropdown&#8217;).val();<br \/>\n&#8220;`<br \/>\nThis code retrieves the value of the dropdown with the id &#8216;dropdown&#8217; and stores it in the variable selectedValue.<\/p>\n<p>Dropdown menus are a common feature on websites, allowing users to select from a list of options. If you are working with jQuery and need to get the selected value of a dropdown, you can easily do so using a few lines of code. Below, we explore this process in more detail and provide some additional information and tips for working with dropdowns in jQuery.<\/p>\n<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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/#How_to_select_a_dropdown_value_based_on_its_text\" title=\"How to select a dropdown value based on its text?\">How to select a dropdown value based on its text?<\/a><\/li><li class='ez-toc-page-1 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-jquery\/#How_to_get_the_text_of_the_selected_option_in_a_dropdown\" title=\"How to get the text of the selected option in a dropdown?\">How to get the text of the selected option in a dropdown?<\/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-jquery\/#How_to_get_the_index_of_the_selected_option_in_a_dropdown\" title=\"How to get the index of the selected option in a dropdown?\">How to get the index of the selected option in a dropdown?<\/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-jquery\/#How_to_set_the_value_of_a_dropdown_programmatically_in_jQuery\" title=\"How to set the value of a dropdown programmatically in jQuery?\">How to set the value of a dropdown programmatically in jQuery?<\/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-jquery\/#How_to_get_all_the_values_in_a_dropdown_using_jQuery\" title=\"How to get all the values in a dropdown using jQuery?\">How to get all the values in a dropdown using jQuery?<\/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-jquery\/#How_to_disable_a_dropdown_in_jQuery\" title=\"How to disable a dropdown in jQuery?\">How to disable a dropdown in jQuery?<\/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-jquery\/#How_to_set_the_selected_option_in_a_dropdown_based_on_its_value\" title=\"How to set the selected option in a dropdown based on its value?\">How to set the selected option in a dropdown based on its 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-of-dropdown-in-jquery\/#How_to_enable_a_disabled_dropdown_in_jQuery\" title=\"How to enable a disabled dropdown in jQuery?\">How to enable a disabled dropdown in jQuery?<\/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-jquery\/#How_to_clear_the_selected_value_of_a_dropdown_in_jQuery\" title=\"How to clear the selected value of a dropdown in jQuery?\">How to clear the selected value of a dropdown in jQuery?<\/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-jquery\/#How_to_get_the_number_of_options_in_a_dropdown_using_jQuery\" title=\"How to get the number of options in a dropdown using jQuery?\">How to get the number of options in a dropdown using jQuery?<\/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-jquery\/#How_to_add_a_new_option_to_a_dropdown_programmatically_in_jQuery\" title=\"How to add a new option to a dropdown programmatically in jQuery?\">How to add a new option to a dropdown programmatically in jQuery?<\/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-jquery\/#How_to_remove_an_option_from_a_dropdown_in_jQuery\" title=\"How to remove an option from a dropdown in jQuery?\">How to remove an option from a dropdown in jQuery?<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"How_to_select_a_dropdown_value_based_on_its_text\"><\/span>How to select a dropdown value based on its text?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo select a dropdown value based on its text, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\nvar text = &#8220;Option 1&#8221;;<br \/>\n$(&#8216;#dropdown option&#8217;).filter(function() {<br \/>\n  return $(this).text() == text;<br \/>\n}).prop(&#8216;selected&#8217;, true);<br \/>\n&#8220;`<br \/>\nThis code searches for the option with the specified text within the dropdown and sets it as the selected option.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_get_the_text_of_the_selected_option_in_a_dropdown\"><\/span>How to get the text of the selected option in a dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get the text of the selected option in a dropdown, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\nvar selectedText = $(&#8216;#dropdown option:selected&#8217;).text();<br \/>\n&#8220;`<br \/>\nThis code retrieves the text of the selected option within the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_get_the_index_of_the_selected_option_in_a_dropdown\"><\/span>How to get the index of the selected option in a dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get the index of the selected option in a dropdown, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\nvar selectedIndex = $(&#8216;#dropdown&#8217;).prop(&#8216;selectedIndex&#8217;);<br \/>\n&#8220;`<br \/>\nThis code retrieves the index of the selected option within the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_set_the_value_of_a_dropdown_programmatically_in_jQuery\"><\/span>How to set the value of a dropdown programmatically in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo set the value of a dropdown programmatically in jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown&#8217;).val(&#8216;value&#8217;);<br \/>\n&#8220;`<br \/>\nThis code sets the value of the dropdown with the specified value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_get_all_the_values_in_a_dropdown_using_jQuery\"><\/span>How to get all the values in a dropdown using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get all the values in a dropdown using jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown option&#8217;).each(function() {<br \/>\n  var value = $(this).val();<br \/>\n  console.log(value);<br \/>\n});<br \/>\n&#8220;`<br \/>\nThis code loops through each option in the dropdown and logs its value to the console.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_disable_a_dropdown_in_jQuery\"><\/span>How to disable a dropdown in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo disable a dropdown in jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown&#8217;).prop(&#8216;disabled&#8217;, true);<br \/>\n&#8220;`<br \/>\nThis code disables the dropdown, preventing users from interacting with it.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_set_the_selected_option_in_a_dropdown_based_on_its_value\"><\/span>How to set the selected option in a dropdown based on its value?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo set the selected option in a dropdown based on its value, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\nvar value = &#8220;value&#8221;;<br \/>\n$(&#8216;#dropdown&#8217;).val(value);<br \/>\n&#8220;`<br \/>\nThis code sets the selected option in the dropdown based on its value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_enable_a_disabled_dropdown_in_jQuery\"><\/span>How to enable a disabled dropdown in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo enable a disabled dropdown in jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown&#8217;).prop(&#8216;disabled&#8217;, false);<br \/>\n&#8220;`<br \/>\nThis code enables the dropdown, allowing users to interact with it once again.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_clear_the_selected_value_of_a_dropdown_in_jQuery\"><\/span>How to clear the selected value of a dropdown in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo clear the selected value of a dropdown in jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown&#8217;).val(&#8221;);<br \/>\n&#8220;`<br \/>\nThis code clears the selected value of the dropdown, setting it to an empty string.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_get_the_number_of_options_in_a_dropdown_using_jQuery\"><\/span>How to get the number of options in a dropdown using jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo get the number of options in a dropdown using jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\nvar optionCount = $(&#8216;#dropdown option&#8217;).length;<br \/>\n&#8220;`<br \/>\nThis code retrieves the number of options in the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_add_a_new_option_to_a_dropdown_programmatically_in_jQuery\"><\/span>How to add a new option to a dropdown programmatically in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo add a new option to a dropdown programmatically in jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown&#8217;).append($(&#8216;<option>&#8216;, {<br \/>\n  value: &#8216;value&#8217;,<br \/>\n  text: &#8216;Option text&#8217;<br \/>\n}));<br \/>\n&#8220;`<br \/>\nThis code adds a new option with the specified value and text to the dropdown.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_remove_an_option_from_a_dropdown_in_jQuery\"><\/span>How to remove an option from a dropdown in jQuery?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo remove an option from a dropdown in jQuery, you can use the following code:<br \/>\n&#8220;`javascript<br \/>\n$(&#8216;#dropdown option[value=&#8221;value&#8221;]&#8217;).remove();<br \/>\n&#8220;`<br \/>\nThis code removes the option with the specified value from the dropdown.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>**To get the selected value of a dropdown in jQuery, you can use the following code:** &#8220;`javascript var selectedValue = $(&#8216;#dropdown&#8217;).val(); &#8220;` This code retrieves the value of the dropdown with the id &#8216;dropdown&#8217; and stores it in the variable selectedValue. Dropdown menus are a common feature on websites, allowing users to select from a &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get selected value of dropdown in jQuery?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/#more-203066\">Read more<span class=\"screen-reader-text\">How to get selected value of dropdown in jQuery?<\/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-203066","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 jQuery?<\/title>\n<meta name=\"description\" content=\"**To get the selected value of a dropdown in jQuery, you can use the following code:** ```javascript var selectedValue = $(&#039;#dropdown&#039;).val(); ``` This\" \/>\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-jquery\/\" \/>\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 jQuery?\" \/>\n<meta property=\"og:description\" content=\"**To get the selected value of a dropdown in jQuery, you can use the following code:** ```javascript var selectedValue = $(&#039;#dropdown&#039;).val(); ``` This\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/\" \/>\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=\"2025-05-19T11:50:26+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-value-of-dropdown-in-jquery\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get selected value of dropdown in jQuery?\",\"datePublished\":\"2025-05-19T11:50:26+00:00\",\"dateModified\":\"2025-05-19T11:50:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/\"},\"wordCount\":693,\"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-jquery\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/\",\"name\":\"How to get selected value of dropdown in jQuery?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2025-05-19T11:50:26+00:00\",\"dateModified\":\"2025-05-19T11:50:26+00:00\",\"description\":\"**To get the selected value of a dropdown in jQuery, you can use the following code:** ```javascript var selectedValue = $('#dropdown').val(); ``` This\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/#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 jQuery?\"}]},{\"@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 jQuery?","description":"**To get the selected value of a dropdown in jQuery, you can use the following code:** ```javascript var selectedValue = $('#dropdown').val(); ``` This","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-jquery\/","og_locale":"en_US","og_type":"article","og_title":"How to get selected value of dropdown in jQuery?","og_description":"**To get the selected value of a dropdown in jQuery, you can use the following code:** ```javascript var selectedValue = $('#dropdown').val(); ``` This","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2025-05-19T11:50:26+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-value-of-dropdown-in-jquery\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get selected value of dropdown in jQuery?","datePublished":"2025-05-19T11:50:26+00:00","dateModified":"2025-05-19T11:50:26+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/"},"wordCount":693,"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-jquery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/","name":"How to get selected value of dropdown in jQuery?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2025-05-19T11:50:26+00:00","dateModified":"2025-05-19T11:50:26+00:00","description":"**To get the selected value of a dropdown in jQuery, you can use the following code:** ```javascript var selectedValue = $('#dropdown').val(); ``` This","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-selected-value-of-dropdown-in-jquery\/#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 jQuery?"}]},{"@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\/203066","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=203066"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203066\/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=203066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=203066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=203066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}