Uppercase Bootstrap Multiselect Plugin Filter

Question

I am working on Bootstrap Multiselect and I am using bootstrap 3.1 and loading this script

<script type="text/javascript"> $(document).ready(function() { $('#example28').multiselect({ includeSelectAllOption: true, enableFiltering: true, maxHeight: 150 }); }); </script> <select id="example28" multiple="multiple"> <option value="cheese">Ahmet Burak</option> <option value="tomatoes">Tomatoes</option> <option value="mozarella">Mozzarella</option> <option value="mushrooms">Mushrooms</option> <option value="pepperoni">Pepperoni</option> <option value="onions">Onions</option> </select> 

I tried many times to use a filter. If I do not use the first char uppercase in the form, it does not find anything. How can I solve it?

Answer 1

I understand that you are saying that the lower case does not work when you try to filter the results in the drop-down list. Just enable case insensitive filtering and it should work -

 $(document).ready(function() { $('#example28').multiselect({ includeSelectAllOption: true, enableFiltering: true, enableCaseInsensitiveFiltering: true, maxHeight: 150 }); }); 

A working example of your code is http://codepen.io/nitishdhar/pen/lHyas