Bootstrap Mulitselect and Internet Explorer 11 Issue

Question

User-809753952 posted

Bootstrap Mulitiselect is not working properly with Internet Explorer 11.

Especially when I use the "enableFiltering" option.

Any suggestion or help?

Answer 1

User61956409 posted

Hi mnmhemaj,

Bootstrap Mulitiselect is not working properly with Internet Explorer 11.

Especially when I use the "enableFiltering" option.

Bootstrap Mulitselect is working fine in IE11 on my side.

<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</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>

<script>
    $(document).ready(function () {
        $('#example-getting-started').multiselect({
            enableFiltering: true
        });
    });
</script>

Best Regards,

Fei Han

Answer 2

User-809753952 posted

Dear Fei

What js and css files you are using?

I am following this example:

http://www.aspsnippets.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-in-ASPNet-using-jQuery.aspx

Answer 3

User61956409 posted

Hi mnmhemaj,

What js and css files you are using?

I am following this example:

http://www.aspsnippets.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-in-ASPNet-using-jQuery.aspx

I’m using Bootstrap 3.3.2 and bootstrap-multiselect.js. Besides, I test my code by using the following references, and the code works fine in IE11.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>

Best Regards,

Fei Han