Question

我已经使用bootstrap-select以角度5实现了选择框。我使用了最新版本的Bootstrap select使其工作角度为5.但是它会抛出错误。

bootstrap-select.js：1904 Uncaught TypeError：无法设置属性＆＃39; _menu＆＃39;未定义的

<form>
     <select class="selectpicker" data-live-search="true">
         <option>Mustard</option>
         <option>Ketchup</option>
         <option>Relish</option>
     </select>
</form>

View Plunkr

Answer 1

https://getbootstrap.com/docs/4.0/components/input-group/#custom-select

您的问题是，根据Bootstrap 4，您没有使用select dropdown properly。不幸的是，您无法在不更新代码的情况下从Bootstrap 3升级到Bootstrap 4以使用新方法。

<select class="custom-select" data-live-search="true">
      <option>Mustard</option>
      <option>Ketchup</option>
      <option>Relish</option>
  </select>

Answer 2

Bootstrap-select v1.13.0-dev与Boostrap 4兼容。您可以在此处找到Compatible bootstrap-select files Boostrap-select

Isue是我没有将所需的jquery和popper.min.js文件加载到项目目录中。还可以从存储库代码中选择非缩小版本的bootstrap。我通过添加上述文件解决了这个问题。

Answer 3

我怀疑您使用的插件与Bootstrap 4不兼容。文档和示例均使用Bootstrap 3.

https://silviomoreto.github.io/bootstrap-select/

Answer 4

它在带有bootsrrap v4.3.1和jQuery v3.4.1。的bootstrap-select v1.13.11中工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.11/dist/js/bootstrap-select.min.js"></script>

我发现问题出在bootstrap.bundle.min.js，请改用最新版本。

Bootstrap选择错误：无法设置属性＆＃39; _menu＆＃39;未定义的

4 个答案: