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的选项与第一个选项不同