bootstrap-select Dropdown 显示没有条目答案

【问题标题】：bootstrap-select Dropdown shows no entriesbootstrap-select Dropdown 显示没有条目
【发布时间】：2017-10-13 06:49:17
【问题描述】：

我在表单中使用 bootstrap-select 来显示一些供应商，但它看起来像这样：

我的选择如下所示：

<select class="selectpicker" data-live-search="true" title="Choose Supplier"> 
    <option data-tokens="Supplier 1">Supplier 1</option>
    <option data-tokens="Supplier 2">Supplier 2</option>
    <option data-tokens="Supplier 3">Supplier 3</option>
    <option data-tokens="add Supplier">Add Supplier</option>
</select>

.css 文件链接在head 标记中，.js 链接在站点末尾。这段代码有什么问题？在examples 中看起来一样，但在我的网站上它不起作用。我错过了什么或做错了什么？

【问题讨论】：

标签： bootstrap-select

【解决方案1】：

在示例中使用 bootstrap-select.min.css 这就是为什么不向您展示类似的示例。

【讨论】：

我链接到head标签中的css：<link rel="stylesheet" href="../assets/plugins/bootstrap-select/bootstrap-select.min.css">，JS文件链接在页面末尾。
它看起来像问题中的图片。已经链接了所有必要的文件。
我可以看看你的网站链接吗？
stackoverflow.com/questions/40757224/…
我认为您的 js 文件优先级会造成问题。您可以检查 js 文件更改位置。

【解决方案2】：

    <html>
  <head>
    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
  </head>

  <div class="container">
    <div class="row">
      <h2>Bootstrap-select example</h2>
      <p>This uses <a href="https://silviomoreto.github.io/bootstrap-select/">https://silviomoreto.github.io/bootstrap-select/</a></p>
      <hr />
    </div>

    <div class="row-fluid">
      <select class="selectpicker" data-show-subtext="true" data-live-search="true">
        <option data-subtext="Rep California">Tom Foolery</option>
        <option data-subtext="Sen California">Bill Gordon</option>
        <option data-subtext="Sen Massacusetts">Elizabeth Warren</option>
        <option data-subtext="Rep Alabama">Mario Flores</option>
        <option data-subtext="Rep Alaska">Don Young</option>
        <option data-subtext="Rep California" disabled="disabled">Marvin Martinez</option>
      </select>
      <span class="help-inline">With <code>data-show-subtext="true" data-live-search="true"</code>. Try searching for california</span>
    </div>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>
</html>

【讨论】：