HTMLselect下拉列表

我想要使​​用select,option标签有一个下拉列表…但是当它第一次出现,我希望它有一个信息,如“请select一个名称”,然后用户单击下拉列表,并从中select可用的选项…我试图使“请select一个名称”作为选项,但是然后用户将能够select这…这不是我想要的。 我需要使用JavaScript来拥有这个function吗?或者我需要做什么?

如果有一个jQuery的方式来做到这一点,这将是非常有帮助的

<option value="">- Please select a name -</option>作为第一个选项,并使用JavaScript(和后端validation),以确保用户select了一个非空值。

尝试这个:

 <select> <option value="" disabled="disabled" selected="selected">Please select a name</option> <option value="1">One</option> <option value="2">Two</option> </select> 

当页面加载时,这个选项将被默认选中。 但是,一旦下拉单击,用户将无法重新select此选项。

希望这可以帮助。

 <option value="" style="display:none">Choose one provider</option> 

这样用户看不到这个选项,但它显示在select框中。

这是一个旧post,但这对我有用

 <select> <option value="" disabled selected>Please select a name...</option> <option>this</option> <option>that</option> </select> 
 <select name="test"> <option hidden="true">Please select a name</option> <option value="Cash">Cash</option> <option value="Draft">Demand Draft No.</option> <option value="Cheque">Cheque No.</option> </select> 

也许这可以帮助您解决没有JavaScript http://htmlhelp.com/reference/html40/forms/option.html

请参阅DISABLE选项

简单,我想。 onclick属性很好地工作…

 <select onchange="if(this.value == '') this.selectedIndex = 1; "> <option value="">Select an Option</option> <option value="one">Option 1</option> <option value="two">Option 2</option> </select> 

select不同的选项后,如果select了第一个选项,则select选项1。 如果你想要一个关于JavaScript的解释,请问。

 <select> <option value="" disabled="disabled" selected="selected">Please select name</option> <option value="Tom">Tom</option> <option value="Marry">Marry</option> <option value="Jane">Jane</option> <option value="Harry">Harry</option> </select> 

如果你想为jquery-ui selectmenu控件实现相同的function,那么你必须在打开的事件处理程序中设置“display:none”,并将“-menu”添加到idstring中。

 <select id="myid"> <option value="" disabled="disabled" selected="selected">Please select name</option> <option value="Tom">Tom</option> <option value="Marry">Mary</option> <option value="Jane">Jane</option> <option value="Harry">Harry</option> </select> $('select#listsTypeSelect').selectmenu({ change: function( event, data ) { alert($(this).val()); }, open: function( event, ui ) { $('ul#myid-menu li:first-child').css('display', 'none'); } }); 

这是我如何使用JQuery做到这一点…

使用jquery-watermark插件(http://code.google.com/p/jquery-watermark/);

 $('#inputId').watermark('Please select a name'); 

奇迹般有效!!

该代码网站有一些很好的文档。

希望这可以帮助!

对于一个旧post,我很遗憾 – 但是我发现了一个更好的方法

我相信这张海报要的是:

 <label for="mydropdown" datalabel="mydropdown">Country:</label> <select name="mydropdown"> <option value="United States">United States</option> <option value="Canada">Canada</option> <option value="Mexico">Mexico</option> <option value="Other">Not Listed</option> </select> 

我在另一个post中find这个信息,同时寻找这个相同的答案 – 谢谢

在提交之前创build一个JavaScript控件,select的选项与第一个选项不同