Search code examples
jquerybootstrap-multiselect

bootstrap-mutliselect data-actions-box="true" set and not working

I am using bootstrap & came to a point where I added the data-actions-box option.

<select id="sex" name="sex[]" multiple data-actions-box="true">
<option value="1" >Woman</option>
<option value="2" >Man</option>
</select>

However the actionsBox is not appearing. Thanks for your help.

THERE ARE TWO similarly named plugins as pointed out in Answer provided.

If you use bootstrap-multiselect, use this :

<script type="text/javascript">
    $(document).ready(function() {
    $("#sex").multiselect({ includeSelectAllOption:true }); 
});
</script>

<select id="sex" name="sex[]" multiple data-actions-box="true">
  <option value="1" >Woman</option>
  <option value="2" >Man</option>
</select>

it adds a Select All option to pulldown...

Solution

  • It looks to me u are mixing among these two bootstrap https://github.com/davidstutz/bootstrap-multiselect and https://developer.snapappointments.com/bootstrap-select. Because data-actions-box="true" is an attribute for bootstrap-select where you have multiselect option with buttons.

    Check this example.
    http://silviomoreto.github.io/bootstrap-select/examples/#multiple-select-boxes