Question

我正在使用bootstrap select进行实时搜索，我希望有一个元素始终可见。例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>

<select data-live-search="true" class="selectpicker">
      <option>mustard</option>
      <option>ketchup</option>
      <option>relish</option>
      <option data-divider="true"></option>
      <option>Add new</option>
    </select>

我希望始终显示“添加新”选项（在搜索之前和使用和未找到结果搜索之后）。我找不到任何办法这样做。我正在考虑的方法是在触发加载事件时使用Javascript手动将元素附加到列表中。

Answer 1

如果你正在使用CDN，那么在我的情况下我很难让你理解如何做到这一点。

除了，如果你正在使用它的JS＆amp;来自本地的CSS文件，然后在JS文件中有一些配置，即如果没有选项那么它将显示＆＃34; Nothing Selected＆＃34;。您可以搜索特定文本，并可以从那里进行更改。

由于它是一个插件，您无法完全自定义它。

这不是最好的答案，但它可能对你有帮助

从Boostrap选择实时搜索中排除元素

1 个答案: