Blank HTML SELECT without blank item in dropdown list

Question

How implement subj   when i write    lt form gt     lt select gt        lt option value  0  gt aaaa lt  option gt        lt option value  1  gt bbbb lt  option gt     lt  select gt   lt  form gt    then default selected item is  aaaa   when i write    lt form gt     lt select gt        lt option value    gt  lt  option gt        lt option value  0  gt aaaa lt  option gt        lt option value  1  gt bbbb lt  option gt     lt  select gt   lt  form gt    then default selected item is blank  but this blank item presents in drop down   how i can implement SELECT tag with default blank value that hidden in dropdown list

User · Answer

You can by setting selectedIndex to -1 using  prop  http   jsfiddle net R9auG    For older jQuery versions use  attr instead of  prop  http   jsfiddle net R9auG 71

User · Answer

Simply using    lt option value    selected disabled gt Please select an option    lt  option gt    will work anywhere without script and allow you to instruct the user at the same time

User · Answer

You can t  They simply do not work that way  A drop down menu must have one of its options selected at all times   You could  although I don t recommend it  watch for a change event and then use JS to delete the first option if it is blank

User · Answer

For purely html  isherwood has a great solution  For jQuery  give your select drop down an ID then select it with jQuery    lt form gt     lt select id  myDropDown  gt       lt option value  0  gt aaaa lt  option gt       lt option value  1  gt bbbb lt  option gt     lt  select gt   lt  form gt     Then use this jQuery to clear the drop down on page load     document  ready function             myDropDown   val             Or put it inside a function by itself       myDropDown   val         accomplishes what you re looking for and it is easy to put this in functions that may get called on your page if you need to blank out the drop down without reloading the page

User · Answer

Just use disabled and or hidden attributes    lt option selected disabled hidden style  display  none  value    gt  lt  option gt     selected makes this option the default one  disabled makes this option unclickable  style  display  none  makes this option not displayed in older browsers  See  Can I Use documentation for hidden attribute  hidden makes this option to don t be displayed in the drop-down list

User · Answer

Here is a simple way to do it using plain JavaScript  This is the vanilla equivalent of the jQuery script posted by pimvdb  You can test it here    lt script type  text javascript  gt    window onload   function        document getElementById  id here   selectedIndex   -1       lt  script gt        lt select id  id here  gt     lt option gt aaaa lt  option gt     lt option gt bbbb lt  option gt   lt  select gt    Make sure the  id here  matches in the form and in the JavaScript

User · Answer

You can try this snippet      your-id   0  selectedIndex   -1   It worked for me

User · Answer

lt select gt        lt option value    style  display none   gt  lt  option gt        lt option value  0  gt aaaa lt  option gt        lt option value  1  gt bbbb lt  option gt     lt  select gt

[html] Blank HTML SELECT without blank item in dropdown list

Examples related to html

Examples related to select

Examples related to drop-down-menu