选择多个复选框下拉菜单不起作用(html / js)

时间:2018-07-08 02:36:53

标签: javascript html

我正在系统中运行以下代码,但下拉框不起作用。我在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>

我正在浏览器中找到它:

Demo

jsfiddle:I am getting this in my browser

1 个答案:

答案 0 :(得分:0)

通过添加jQuery 1.9.1和bootstrap-multiselect.js,我可以在Mac上本地工作。检查并确保这些内容已包含在您的本地文件中。