bootstrap-multiselect
bootstrap-multiselect copied to clipboard
checkboxName nor working
Hello,
seems the checkboxName function is not working. Also the example in documentation is not working all fields get group2[] as name so the if part is not working. Is there any possibility to fetch attributes from the original select e.g. i want to define
and i want to assign the values provided in data-checkbox-name as checkboxname
<script type="text/javascript">
$(document).ready(function() {
$('#example-post-checkboxName').multiselect({
checkboxName: function(option) {
var $optgroup = $(option).closest('optgroup');
if ($optgroup.id == 'example-post-checkboxName-1') {
return 'group1[]';
}
else {
return 'group2[]';
}
}
});
});
</script>
<form class="form-horizontal" method="POST" action="post.php">
<div class="form-group">
<label class="col-sm-2 control-label">Multiselect</label>
<div class="col-sm-10">
<select id="example-post-checkboxName" name="multiselect[]" multiple="multiple" required>
<optgroup label="Group 1" id="example-post-checkboxName-1">
<option value="1-1">Option 1.1</option>
<option value="1-2">Option 1.2</option>
<option value="1-3">Option 1.3</option>
</optgroup>
<optgroup label="Group 1" id="example-post-checkboxName-2">
<option value="2-1">Option 2.1</option>
<option value="2-2">Option 2.2</option>
<option value="2-3">Option 2.3</option>
</optgroup>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>
Try change to:
- var $optgroup = $(option).closest('optgroup');
+ var $optgroup = $(option).parent().attr('id');
- if ($optgroup.id == 'example-post-checkboxName-1') {
+ if ($optgroup == 'example-post-checkboxName-1') {