下拉菜单的第一个选项不是选项; 强迫使用其他选项
这个问题在这里已经有了答案:
编辑:此代码只是强制用户选择一个有效的选项,而不是默认的一个...验证提交/更改/等应添加
您应该禁用第一个选项并将其设置为默认选中状态:
<select name="name">
<option disabled="disabled" selected="selected">Select an option.</option>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
这应该做的伎俩,演示在这里http://jsfiddle.net/pixshatterer/Q27HX/
只需给元素option
display:none
, disabled=disabled
。 感谢@pixshatterer
http://jsfiddle.net/Xh9nh/4/
编辑:把visibility:hidden
的错误。
如果您使用Validation插件(这里是:http://jqueryvalidation.org/)并更新您的<select>
以在每个<option>
上提供value
,如果<option>
了“empty”值,将阻止表单提交:
<select name="name" required>
<option value="">Select an option...</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
还值得注意的是, <select>
的唯一有效子元素是<optgroup>
或<option>
,因此请删除这些<br />
s。
如果jQuery不是一个选项,你可以添加一个onclick
到select或者一个onsubmit
到表单上,并且快速检查一个空字符串(或者你设置的默认值)。
上一篇: First option of dropdown not an option; force to use other options