Question

Html + js + jquery

如何为过滤器实现Jquery Multiselect Drop-Down？

<script>
$(function(){
    $("#id").multiselect({
      header: 'ABC',
      noneSelectedText: 'ABC',
      selectedText: 'abc',
    }).select2; 
  });

</script>

Answer 1

网上可用的jquery下拉列表插件很少 -

Answer 2

我认为您不能直接在HTML中使用下拉选项中的复选框输入。但是如果你想让选择倍数，你可以通过下面的代码来做。

<div class="form-group col-lg-2">
   <select class="form-control" name="ms" multiple>
      <option>Type</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
</div>

由于

Answer 3

这不是jQuery自己做的......有一个你可以看到的旧项目，基于jQuery 1.7，但这没有得到维护。但是，它是开源的，所以你可以查看代码，看看是否有可以借用的想法来使用更新版本的jQuery。

https://code.google.com/p/dropdown-check-list/

Answer 4

以下是指向好图书馆的链接http://code.google.com/p/dropdown-check-list/

使用一些不错的测试用例http://dropdown-check-list.googlecode.com/svn/trunk/doc/ddcl-tests.html。

此外，以下是一些示例http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html。

来自：How to display checkboxes within HTML dropdown?

Answer 5

使用jQuery UI MultiSelect Widget。

检查这些demos

Jquery Multiselect Drop-Down用于过滤器？

5 个答案: