我正在尝试使用从Bootstrap-Select中选择选择器来创建一个多选下拉菜单。下面是我的HTML文件中的内容:
<select class="selectpicker" multiple> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select>
但这是我在我的web应用上得到的:
我不能点击下拉菜单,它被禁用了。如何启用此菜单?
发布于 2019-07-09 02:00:48
1)你包含javascript文件了吗?如果使用CDN或下载CDN,请确保包含jquery、bootstrap和bootstrap-select。一旦正确设置,并将selectpicker类设置为select元素,它将自动初始化bootstrap-select。
2)如果仅设置自定义类的样式,请使用:
$('.my-custom').selectpicker();
发布于 2019-07-09 02:50:06
抱歉,如果你的问题已经回答了,但一个代码片段可能会有所帮助?
$(function () { $('.selectpicker').selectpicker(); });
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha256-YLGeXaapI0/5IgZopewRJcFXomhRMlYYjugPLSyNjTY=" crossorigin="anonymous" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css"> <select class="selectpicker" multiple> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option>