Question

我想要我的下拉列表，但它应该忽略第一个选项（喜欢请选择）。

这是我的代码;

            <select class="styled" required>    
          <option value="">SEÇİNİZ</option>
          <option value="1">ADANA</option>
          <option value="2">ADIYAMAN</option>

谢谢。

Answer 1

演示：http://jsfiddle.net/yDFF6/3/

<select class="styled" required>
    <option value="" selected disabled>SEÇİNİZ</option>
    <option value="1">ADANA</option>
    <option value="2">ADIYAMAN</option>
</select>

您可以将disabled添加到option，以防止用户主动选择它。

根据此文档：http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element

...如果select元素指定了required属性，则没有指定multiple属性，并且显示大小为1;如果select元素的选项列表中的第一个选项元素的值（如果有的话）是空字符串，...

因此，在您的情况下，验证将在提交表单时启动，因为指定了required属性且default选项的值为空字符串。

Answer 2

试试这个

    <form action="demo_form.asp">
         <select required>
         <option value="">Volvo</option>
         <option value="saab">Saab</option>
         <option value="mercedes">Mercedes</option>
         <option value="audi">Audi</option>
</select>
    <input type="submit">
  </form>

现在检查选择

的值

进行下拉菜单选择是必需的

2 个答案: