jQuery selectpicker-如何选择空选项？

Question

我正在使用jquery selectpicker

用户在选择选项后，我想允许他清除选择并提交空值，因此我添加了空选项-

<select class="selectpicker" name="catID" data-live-search="true">
    <option value=""></option>
    <option value="6"> attrac cat 1</option>
    <option value="3"> attrac cat 2</option>
    <option value="26">attrac cat 4</option>
</select>

但是脚本不允许他选择此选项...

Answer 1

请尝试以下代码

<select class="selectpicker" name="catID" data-live-search="true">
    <option value="">Please Select</option>
    <option value="6"> attrac cat 1</option>
    <option value="3"> attrac cat 2</option>
    <option value="26">attrac cat 4</option>
</select>

Answer 2

通常，我可以选择显示“选择{{item}}”。我给它一个禁用的类，使其有点褪色，并且不赋予任何值。它使选择看起来更好一些，并有助于解决此问题。

示例：

<select class="selectpicker" name="catID" data-live-search="true">
  <option class="disabled" value="">Choose option...</option>
  <option value="6"> attrac cat 1</option>
  <option value="3"> attrac cat 2</option>
  <option value="26">attrac cat 4</option>
</select>

编辑：

如果您正在使用引导程序，则禁用的类已经可用

该类可能类似于：

.disabled {
  color: light-grey;
}