javascript - 选择多个复选框下拉列表不起作用(html/js)
问题描述
我在我的系统中运行以下代码,但下拉框不起作用。我在 JSFiddle 中运行,它工作正常,但在我的系统中,它不是。我也在 Chrome、Firefox 和 Safari 中尝试过,但没有运气。
你能告诉我我做错了什么吗?提前致谢。
我的代码:
<html>
<body>
<select name="cars" id="cars" multiple="multiple">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
<option value="santro">Santro</option>
</select>
<script>
$("#cars").multiselect({
buttonText: function(options, select) {
console.log(select[0].length);
if (options.length === 0) {
return 'Add To';
}
else {
var cars_selected = [];
console.log(options);
options.each(function() {
cars_selected.push($(this).val());
});
return cars_selected.join(', ') + '';
}
}
});
</script>
</body>
</html>
我在浏览器中得到了这个:
jsfiddle:https ://jsfiddle.net/ejqngpn5/893/
解决方案
通过添加jQuery
1.9.1 和bootstrap-multiselect.js
. 检查以确保这些都包含在您的本地。