下拉菜单的第一个选项不是选项; 强迫使用其他选项

这个问题在这里已经有了答案:

  • 如何为“选择”框创建占位符? 19个答案

  • 编辑:此代码只是强制用户选择一个有效的选项,而不是默认的一个...验证提交/更改/等应添加

    您应该禁用第一个选项并将其设置为默认选中状态:

    <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:nonedisabled=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到表单上,并且快速检查一个空字符串(或者你设置的默认值)。

    链接地址: http://www.djcxy.com/p/70589.html

    上一篇: First option of dropdown not an option; force to use other options

    下一篇: html select element with default not in the options