Jquery validator.w3上选定的“选择引发错误”中的数据占位符

在我的laravel 5.7/blade/jQuery v3.3.1/Bootstrap v4.1.2应用程序中 我使用了library（版本1.8.7），它可以工作，但我发现了一个关于数据占位符的小错误 我将选择输入定义为：

<select class="form-control editable_field chosen_select_box" id="chosen_customer_type" name="chosen_customer_type" onchange="javascript:chosenSelectionOnChange('customer_type'); " data-placeholder=" -Choose customer type- "  >
    <option value=""  selected ></option>
    <option value="SS" >SS</option
    ><option value="RS" >RS</option>
</select>↩

这些选择的输入看起来像： 其中，对于顶部未选择元素，第二个元素已选择元素，且其具有取消选择图像，该图像由“允许\单\取消选择”选项设置 在上面的代码中

是否有办法消除这些错误

---

谢谢

下面是我之前在评论中建议的一个简单片段

基于此代码段，如果我们事先向占位符

添加了

标签

属性，则所选内容生成的最终HTML标记足够有效，可以通过W3C验证程序，否则将失败：

<select class="... chosen_select_box" data-placeholder=" -Choose customer type- ">
    <option value="" label=" -Choose customer type- " selected ></option>
    ...
</select>

选择{
宽度：200px；
}

这应该通过WC3验证：
SSR

这未通过WC3验证：
SSR

这只是一个疯狂的想法，但是您是否尝试过在占位符选项上放置

标签

属性并将其值设置为非空（或者将其值设置为等于

数据占位符

属性值）？➝ <代码>对不起，我不明白你的意思。你能举个例子吗？铁人，我试过你的建议了。不，它不起作用。“-Choose customer type-”被呈现为具有空值的项，而不是占位符。值得明确指出的是：正如他所描述的，您的错误是缺少标签属性，而不是数据占位符本身。

<select class="... chosen_select_box" data-placeholder=" -Choose customer type- ">
    <option value="" label=" -Choose customer type- " selected ></option>
    ...
</select>