I am trying to create a multi selectable list which looks something like this

This is my HTML:

<select multiple="multiple" id="months">
    <option value="1">January</option>
    <option value="12">December</option>
</select>

This is my javascript:

$(document).ready(function () {
    $('#months').multiselect();
});

The view I get from the code seems to be fine:

However, when I click on it, the drop down list won't e out! What could be the reason? I am using the following plugin Bootstrap Multiselect

I am trying to create a multi selectable list which looks something like this

This is my HTML:

<select multiple="multiple" id="months">
    <option value="1">January</option>
    <option value="12">December</option>
</select>

This is my javascript:

$(document).ready(function () {
    $('#months').multiselect();
});

The view I get from the code seems to be fine:

However, when I click on it, the drop down list won't e out! What could be the reason? I am using the following plugin Bootstrap Multiselect

• javascript
• jquery
• twitter-bootstrap

• 2 Is there any error return in the console ? – Ayaz Ali Shah Commented Jan 30, 2018 at 13:07
• Have you included all the required files in the html ? – Vignesh Raja Commented Jan 30, 2018 at 13:08
• can you post the whole code? – Sanjit Bhardwaj Commented Jan 30, 2018 at 13:10
• ...or create a fiddle. – Dan_ Commented Jan 30, 2018 at 13:16
• @Mr.Developer - no. Vignesh Raja - yes. Sanjit Bhardwaj - no, because there would be too much code. It's a large application. – JerryBox Commented Jan 30, 2018 at 13:17

1 Answer 1

It's so easy to make it work.
You just have to include jQuery and then Bootsrap as the following simple example :

$(document).ready(function() {
  $('#months').multiselect();
});

<link rel="stylesheet" href="https://cdnjs.cloudflare./ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn./bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery./jquery-2.2.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn./bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare./ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

<select multiple="multiple" id="months">
    <option value="1">January</option>
    <option value="12">December</option>
</select>