选择的第一个选项不应自动选择。

Question

我使用了引导选择js。下面是用于选择的代码

<select data-required="true" name="option" class="selectpicker" multiple >
    <option value="" disabled selected>Pick the once that apply to u</option>
    <option value="1">Shipping / post</option>
    <option value="2">Customers can collect</option>
    <option value="3">Other</option>
</select>

如果我没有在第一个选项中添加selected，那么验证就不会发生，但是如果我这样做了，那么第一个选项就会自动被选中。

请给我一些解决办法，这两种方法都能奏效-

1. 验证
2. 第一个选项不应自动被选中

这是演示

Answer 1

您应该从第一个选项中移除选定的属性。类似于：

​

<select data-required="true" name="option" class="selectpicker" multiple>
  <option value="" disabled>Pick the items that apply to u</option>
  <option value="1">Shipping / post</option>
  <option value="2">Customers can collect</option>
  <option value="3">Other</option>
</select>

​

然后，您应该考虑添加“失去焦点”或表单提交期间的验证。

注意事项

您的“最终验证”应该在服务器端完成，因为客户端验证可能会被“黑客攻击”或误导。这就是为什么应该在服务器/上进行重要的验证。