Jquery Multiselect Drop-Down for filters?

Question

Html + js +jquery

How to implement Jquery Multiselect Drop-Down for filters ?

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

</script>

This is fine Only. but i Forgot to add multiple => true at select box....Thanks — Rajesh Gurbani, Apr 14 '14 at 08:00

score 1 · Accepted Answer · answered Dec 23 '13 at 07:04

Few jquery dropdown check list plugins available on net -

score 1 · Answer 2 · answered Dec 23 '13 at 07:10

I don't think that you can use check box input in your drop down selection directly in your HTML. But if you want to make the selection multiple then you can do it by below code.

<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>

Thanks

score 0 · Answer 3 · answered Dec 23 '13 at 07:01

0

This isn't something jQuery does on its own ... There's an old project you could look at, based on jQuery 1.7, but this isn't maintained. However, it's open-source, so you could look at the code to see if there are ideas you can borrow to work with a newer version of jQuery.

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

answered Dec 23 '13 at 07:01

iandouglas

4,146
2
33
33

1

This is fine Only. but i Forgot to add multiple => true at select box....Thanks – Rajesh Gurbani Apr 14 '14 at 07:59

score 0 · Answer 4 · edited May 23 '17 at 11:58

0

Here is a link to a good library, http://code.google.com/p/dropdown-check-list/

With some nice test cases, http://dropdown-check-list.googlecode.com/svn/trunk/doc/ddcl-tests.html.

In addition, here are some examples, http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html.

From: How to display checkboxes within HTML dropdown?

edited May 23 '17 at 11:58

Community

1
1

answered Dec 23 '13 at 07:02

Jordan.J.D

7,999
11
48
78

score 0 · Answer 5 · answered Dec 23 '13 at 07:05

0

Use jQuery UI MultiSelect Widget.

Check these demos

answered Dec 23 '13 at 07:05

Dhanu Gurung

8,480
10
47
60

Jquery Multiselect Drop-Down for filters?

5 Answers5