首页 > 解决方案 > 选择多个复选框下拉列表不起作用(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/

标签: javascripthtml

解决方案


通过添加jQuery1.9.1 和bootstrap-multiselect.js. 检查以确保这些都包含在您的本地。


推荐阅读