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

3

我使用过bootstrap select 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. 第一个选项不应自动选择
这是演示

你的代码有什么问题? - Lal
@Lal 那就是我不知道的。可能需要对 Bootstrap Select 进行少量定制。 - user3852040
抱歉...我没听懂你的意思...你需要什么? - Lal
@Lal 问题是,即使我不选择第一个选项,它也会自动被选中。 - user3852040
1
从您的第一个选项中删除“selected”。 - Lal
显示剩余3条评论
1个回答

0
你应该从第一个选项中删除所选属性。类似这样的代码:

<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>

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

注意

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


你能给我一些关于失去焦点验证的参考资料吗? - user3852040
请参考以下链接:http://stackoverflow.com/questions/18029132/how-to-run-a-function-after-div-has-lost-focus。 - jbutler483

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接