HTML select dropdown list

Question

I want to have a drop down list using the select  option tag    but when it first appear I want it to have an information  such as  Please select a name  then the user clicks on the drop down list and selects from the available option    I tried to made the  Please select a name  as an option  but then the user will be able to select this    which is not what I want  Do I need to use javascript to have this feature or what do I need to do   If there a jquery way to do this  this would be much helpful

User · Answer

This is an old post  but this worked for me   x000D   x000D   lt select gt  x000D     lt option value    disabled selected gt Please select a name    lt  option gt   x000D     lt option gt this lt  option gt  x000D     lt option gt that lt  option gt  x000D   lt  select gt  x000D   x000D   x000D

User · Answer

lt select gt     lt option value    disabled selected hidden gt Select an Option lt  option gt     lt option value  one  gt Option 1 lt  option gt     lt option value  two  gt Option 2 lt  option gt   lt  select gt

User · Answer

If you want to achieve the same for the jquery-ui selectmenu control then you have to set  display  none  in the open event handler and add  -menu  to the id string    lt select id  myid  gt   lt option value    disabled  disabled  selected  selected  gt Please select     name lt  option gt    lt option value  Tom  gt Tom lt  option gt    lt option value  Marry  gt Mary lt  option gt    lt option value  Jane  gt Jane lt  option gt    lt option value  Harry  gt Harry lt  option gt    lt  select gt      select listsTypeSelect   selectmenu     change  function  event  data         alert   this  val        open  function  event  ui            ul myid-menu li first-child   css  display    none

User · Answer

Simple  I suppose  The onclick attribute works nicely       x000D   x000D   lt select onchange  if this value        this selectedIndex   1    gt  x000D     lt option value    gt Select an Option lt  option gt  x000D     lt option value  one  gt Option 1 lt  option gt  x000D     lt option value  two  gt Option 2 lt  option gt  x000D   lt  select gt  x000D   x000D   x000D    After a different option is selected  if the first option is selected  Option 1 will be selected  If you want an explanation on the javascript  just ask

User · Answer

Make a JavaScript control that before the submit cheek that the selected option is different to your first option

User · Answer

x000D   x000D     lt select name  test  gt  x000D         lt option hidden  true  gt Please select a name lt  option gt  x000D         lt option value  Cash  gt Cash lt  option gt  x000D         lt option value  Draft  gt Demand Draft No  lt  option gt  x000D         lt option value  Cheque  gt Cheque No  lt  option gt  x000D     lt  select gt  x000D   x000D   x000D

User · Answer

Maybe this can help you resolve without JavaScript  http   htmlhelp com reference html40 forms option html  See DISABLE option

User · Answer

lt select gt       lt option value    disabled  disabled  selected  selected  gt Please select name lt  option gt     lt option value  Tom  gt Tom lt  option gt     lt option value  Marry  gt Marry lt  option gt     lt option value  Jane  gt Jane lt  option gt     lt option value  Harry  gt Harry lt  option gt   lt  select gt

User · Answer

I m sorry to necro an old post - but I found a better way of doing this  What I believe this poster wanted was      lt label for  mydropdown  datalabel  mydropdown  gt Country  lt  label gt       lt select name  mydropdown  gt       lt option value  United States  gt United States lt  option gt       lt option value  Canada  gt Canada lt  option gt       lt option value  Mexico  gt Mexico lt  option gt       lt option value  Other  gt Not Listed lt  option gt   lt  select gt    I found this information in another post while searching for this same answer - Thanks

User · Answer

x000D   x000D   lt select gt  x000D       lt option value    style  display none  gt Choose one provider lt  option gt  x000D       lt option value  1  gt One lt  option gt  x000D       lt option value  2  gt Two lt  option gt  x000D   lt  select gt  x000D   x000D   x000D    This way the user cannot see this option  but it shows in the select box

User · Answer

lt select gt            lt option value    disabled  disabled  selected  selected  gt Please select a                developer position lt  option gt             lt option value  1  gt Beginner lt  option gt             lt option value  2  gt Expert lt  option gt        lt  select gt

User · Answer

Have  lt option value    gt - Please select a name - lt  option gt  as the first option and use JavaScript  and backend validation  to ensure the user has selected something other than an empty value

User · Answer

Try this    x000D   x000D   lt select gt  x000D       lt option value    disabled  disabled  selected  selected  gt Please select a name lt  option gt  x000D       lt option value  1  gt One lt  option gt  x000D       lt option value  2  gt Two lt  option gt  x000D   lt  select gt  x000D   x000D   x000D    When the page loads  this option will be selected by default  However  as soon as the drop-down is clicked  the user won t be able to re-select this option   Hope this helps

User · Answer

This is how I do this with JQuery     using the jquery-watermark plugin  http   code google com p jquery-watermark        inputId   watermark  Please select a name      works like a charm    There is some good documentation at that google code site   Hope this helps

[html] HTML select dropdown list

Examples related to html