bootstrap-multiselect icon indicating copy to clipboard operation
bootstrap-multiselect copied to clipboard

checkboxName nor working

Open danisowa opened this issue 6 years ago • 1 comments

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>

danisowa avatar Feb 13 '19 11:02 danisowa

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') {

Dragsio avatar Apr 21 '24 13:04 Dragsio