{"id":229734,"date":"2024-05-16T23:20:29","date_gmt":"2024-05-16T23:20:29","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=229734"},"modified":"2024-05-16T23:20:29","modified_gmt":"2024-05-16T23:20:29","slug":"how-to-show-default-value-in-dropdown-2","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/","title":{"rendered":"How to show default value in dropdown?"},"content":{"rendered":"<p>Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly manner. In many cases, you may want to designate a default value to be displayed when the dropdown menu is initially loaded. This default value provides users with a pre-selected option, saving them time and effort. In this article, we will explore different methods to show a default value in a dropdown menu, allowing you to enhance the user experience and streamline the selection process.<\/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-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#How_to_show_default_value_in_dropdown\" title=\"How to show default value in dropdown?\">How to show default value in dropdown?<\/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-show-default-value-in-dropdown-2\/#1_Are_there_other_ways_to_show_default_value_in_a_dropdown\" title=\"1. Are there other ways to show default value in a dropdown?\">1. Are there other ways to show default value 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-show-default-value-in-dropdown-2\/#2_How_can_I_set_the_default_value_dynamically_based_on_user_preferences\" title=\"2. How can I set the default value dynamically based on user preferences?\">2. How can I set the default value dynamically based on user preferences?<\/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-show-default-value-in-dropdown-2\/#3_Can_I_have_a_default_value_that_is_not_part_of_the_available_options_in_the_dropdown\" title=\"3. Can I have a default value that is not part of the available options in the dropdown?\">3. Can I have a default value that is not part of the available options in the dropdown?<\/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-show-default-value-in-dropdown-2\/#4_Is_it_possible_to_make_the_default_value_unselectable\" title=\"4. Is it possible to make the default value unselectable?\">4. Is it possible to make the default value unselectable?<\/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-show-default-value-in-dropdown-2\/#5_What_happens_if_I_dont_specify_a_default_value_in_the_dropdown\" title=\"5. What happens if I don&#8217;t specify a default value in the dropdown?\">5. What happens if I don&#8217;t specify a default value in the dropdown?<\/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-show-default-value-in-dropdown-2\/#6_Can_I_change_the_default_value_dynamically_after_the_page_loads\" title=\"6. Can I change the default value dynamically after the page loads?\">6. Can I change the default value dynamically after the page loads?<\/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-show-default-value-in-dropdown-2\/#7_How_can_I_style_the_default_value_differently_from_the_other_options_in_the_dropdown\" title=\"7. How can I style the default value differently from the other options in the dropdown?\">7. How can I style the default value differently from the other options in the dropdown?<\/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-show-default-value-in-dropdown-2\/#8_Can_I_disable_the_default_value_temporarily\" title=\"8. Can I disable the default value temporarily?\">8. Can I disable the default value temporarily?<\/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-show-default-value-in-dropdown-2\/#9_Will_the_default_value_be_submitted_with_the_form_data\" title=\"9. Will the default value be submitted with the form data?\">9. Will the default value be submitted with the form data?<\/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-show-default-value-in-dropdown-2\/#10_Is_it_possible_to_have_multiple_default_values_in_a_dropdown\" title=\"10. Is it possible to have multiple default values in a dropdown?\">10. Is it possible to have multiple default values in a 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-show-default-value-in-dropdown-2\/#11_How_can_I_clear_the_default_value_programmatically\" title=\"11. How can I clear the default value programmatically?\">11. How can I clear the default value programmatically?<\/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-show-default-value-in-dropdown-2\/#12_Can_I_have_a_blank_default_value_in_a_dropdown\" title=\"12. Can I have a blank default value in a dropdown?\">12. Can I have a blank default value in a dropdown?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_show_default_value_in_dropdown\"><\/span>How to show default value in dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>One way to show a default value in a dropdown is by using the HTML `selected` attribute. This attribute allows you to pre-select an option within the dropdown, making it the default value. Simply add the `selected` attribute to the desired `<option>` tag, like this:<\/p>\n<p>&#8220;`<br \/>\n<select><br \/><option value=\"option1\">Option 1<\/option><br \/><option value=\"option2\" selected>Option 2<\/option><br \/><option value=\"option3\">Option 3<\/option><br \/><option value=\"option4\">Option 4<\/option><br \/>\n<\/select><br \/>\n&#8220;`<\/p>\n<p>In the above example, &#8220;Option 2&#8221; will be selected as the default value when the page loads.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Are_there_other_ways_to_show_default_value_in_a_dropdown\"><\/span>1. Are there other ways to show default value in a dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, another way is by using JavaScript to set the `selectedIndex` property of the `<select>` element to the index of the desired option. This effectively sets the default value programmatically.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_How_can_I_set_the_default_value_dynamically_based_on_user_preferences\"><\/span>2. How can I set the default value dynamically based on user preferences?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can use server-side scripting or client-side JavaScript to set the default value based on user preferences or stored data.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_I_have_a_default_value_that_is_not_part_of_the_available_options_in_the_dropdown\"><\/span>3. Can I have a default value that is not part of the available options in the dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, the default value in a dropdown must be one of the selectable options. However, you can add a &#8220;&#8211; Select &#8211;&#8221; option as the default value to indicate that a selection is required.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Is_it_possible_to_make_the_default_value_unselectable\"><\/span>4. Is it possible to make the default value unselectable?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, the default value is always selectable in a dropdown menu. If you wish to prevent users from selecting the default value, you can use JavaScript to reset the selection whenever it occurs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_What_happens_if_I_dont_specify_a_default_value_in_the_dropdown\"><\/span>5. What happens if I don&#8217;t specify a default value in the dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nIf you don&#8217;t specify a default value, the dropdown will display the first option by default.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Can_I_change_the_default_value_dynamically_after_the_page_loads\"><\/span>6. Can I change the default value dynamically after the page loads?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use JavaScript to modify the `selectedIndex` property of the `<select>` element to change the default value dynamically.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_How_can_I_style_the_default_value_differently_from_the_other_options_in_the_dropdown\"><\/span>7. How can I style the default value differently from the other options in the dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can use CSS to style the selected option differently, allowing you to visually distinguish it from the other options.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Can_I_disable_the_default_value_temporarily\"><\/span>8. Can I disable the default value temporarily?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can disable the default value by setting the `disabled` attribute on the desired `<option>` tag. This will prevent users from selecting the default value until it is enabled again.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Will_the_default_value_be_submitted_with_the_form_data\"><\/span>9. Will the default value be submitted with the form data?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, the default value will be submitted with the form data if the corresponding `<option>` tag has a `value` attribute specified.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Is_it_possible_to_have_multiple_default_values_in_a_dropdown\"><\/span>10. Is it possible to have multiple default values in a dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, a dropdown menu can only have one default value at a time. However, you can programmatically change the default value based on certain conditions.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_How_can_I_clear_the_default_value_programmatically\"><\/span>11. How can I clear the default value programmatically?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can use JavaScript to set the `selectedIndex` property to -1, which effectively clears the default value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Can_I_have_a_blank_default_value_in_a_dropdown\"><\/span>12. Can I have a blank default value in a dropdown?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can have a blank default value by specifying an empty string as the `value` attribute for the desired `<option>` tag. Users can then select an option or leave it blank if allowed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly manner. In many cases, you may want to designate a default value to be displayed when the dropdown menu is initially loaded. This default value provides users with a pre-selected option, &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to show default value in dropdown?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#more-229734\">Read more<span class=\"screen-reader-text\">How to show default value in dropdown?<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-229734","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 show default value in dropdown?<\/title>\n<meta name=\"description\" content=\"Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly\" \/>\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-show-default-value-in-dropdown-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to show default value in dropdown?\" \/>\n<meta property=\"og:description\" content=\"Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/\" \/>\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-05-16T23:20:29+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=\"Casey Mayer\" \/>\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=\"Casey Mayer\" \/>\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-show-default-value-in-dropdown-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/\"},\"author\":{\"name\":\"Casey Mayer\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\"},\"headline\":\"How to show default value in dropdown?\",\"datePublished\":\"2024-05-16T23:20:29+00:00\",\"dateModified\":\"2024-05-16T23:20:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/\"},\"wordCount\":596,\"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-show-default-value-in-dropdown-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/\",\"name\":\"How to show default value in dropdown?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-05-16T23:20:29+00:00\",\"dateModified\":\"2024-05-16T23:20:29+00:00\",\"description\":\"Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to show default value in dropdown?\"}]},{\"@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\/89e431077ef417dfaa131f435124f18f\",\"name\":\"Casey Mayer\",\"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\":\"Casey Mayer\"},\"description\":\"Guest author Casey Mayer 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 show default value in dropdown?","description":"Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly","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-show-default-value-in-dropdown-2\/","og_locale":"en_US","og_type":"article","og_title":"How to show default value in dropdown?","og_description":"Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly","og_url":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-05-16T23:20:29+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":"Casey Mayer","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Casey Mayer","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/"},"author":{"name":"Casey Mayer","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f"},"headline":"How to show default value in dropdown?","datePublished":"2024-05-16T23:20:29+00:00","dateModified":"2024-05-16T23:20:29+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/"},"wordCount":596,"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-show-default-value-in-dropdown-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/","url":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/","name":"How to show default value in dropdown?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-05-16T23:20:29+00:00","dateModified":"2024-05-16T23:20:29+00:00","description":"Dropdown menus are a common feature found in various applications and websites. They offer users a selection of options in a compact and user-friendly","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-show-default-value-in-dropdown-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to show default value in dropdown?"}]},{"@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\/89e431077ef417dfaa131f435124f18f","name":"Casey Mayer","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":"Casey Mayer"},"description":"Guest author Casey Mayer 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\/229734","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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=229734"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/229734\/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=229734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=229734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=229734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}