如何在bootstrap multiselect中获取mysql数据?

xlpyo6sf  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(322)

我为mysql数据库创建了一个管理面板,当我单击edit按钮时,我想打印bootstrap multi-select中的所有数据。如果我没有使用引导多选,只是正常的多选,它的工作。我该怎么做?
这就是它的样子(在按钮中,它显示当前数据,但当我打开时,它没有显示在选择菜单中):

索引.php

<select name="classification[]" id="classification" multiple="multiple">
   <?php 
      while($row = $classificationResult -> fetch_array()) {
   ?>
   <option value="<?php echo $row['classification_id'];?>"><?php echo $row['name'];?></option>
   <?php
      }
   ?>
</select>

<script>
   // If I didn't add the multi select jquery, it's working
   $('#classification').multiselect({
        nonSelectedText: 'Select Framework',
        maxHeight : 400,
        includeSelectAllOption : false,
        enableFiltering : false,
        buttonWidth : '100%',
        dropRight : true
    });

        $(document).on('click', '.edit_data', function(){
            $("#classification option").prop("selected", false);
            var data_id = $(this).attr("id");  
            $.ajax({  
                url:"fetchRole.php",  
                method:"POST",  
                data:{'data_id':data_id},  
                dataType:"json",  
                success:function(data){  
                    $.each(data.classifications, function(i, e) {
                        $("#classification option[value='" + e + "']").prop("selected", true);
                    });
                    $('#data_id').val(data.id);  
                    $('#insert').val("Edit");  
                    $('#add_data_Modal').modal('show');  
                }  
            });  
        });  
</script>

获取角色.php

$query2 = $conn -> prepare("SELECT classification.classification_id AS class_id
            FROM classification
            LEFT JOIN role_classification ON classification.classification_id = role_classification.classification_id
            WHERE role_classification.role_id = ?");
        $query2 -> bind_param('i', $role['id']);
        $query2 -> execute();
        $result2 = $query2 -> get_result();
        $query2 -> close();

        while ($classification = $result2 -> fetch_assoc()) {
            $classificationIdList[] = $classification["class_id"];
        }

        $return = array_merge($role, ["classifications" => $classificationIdList]);

    echo json_encode($return);
xdnvmnnf

xdnvmnnf1#

在使用设置新的选定选项后,需要刷新multiselect .prop("selected", true) .

$.each(data.classifications, function(i, e) {
    $("#classification option[value='" + e + "']").prop("selected", true);
});

$('#classification').multiselect('refresh');

项目描述 refresh 方法:
此方法用于根据“选择”对话框中当前选定的选项刷新复选框。
您可以在这里看到可用方法的完整列表。

相关问题