Question

我正面临如下问题。

我有两个下拉菜单，第一个是单下拉选择，第二个是多选下拉复选框。第二个显示基于第一个下拉值的结果。

在选择第一个下拉列表时，我得到第二个下拉列表的值（显示在Inspect元素中的值）但不是下拉列表。

请参阅以下代码以供进一步参考。

abc.html

<select  name="list_usergroup[]" multiple id="list_usergroup" >
<option value=""> Select User Group </option>                   
</select>

mg.js

org_uuid = $('#list_organization').val();
        $.ajax({
        url: appGetSecureURL("/api/web/getorgug/" + org_uuid),
        type: "GET",
        dataType: "json",
        jsonpCallback: 'jsonCallback',
        beforeSend : function(){
            loaderOn();
        },
        success: function(data) {

            // Display Usergroups
            if (0 == data.ug_total) {
                $("#list_usergroup").html('<option value="">No Usergroup.</option>');
            }
            else {
                $("#list_usergroup").html("");
                $("#list_usergroup").html('<option value="">Select Usergroup</option>');
                for (rowData in data.usergroups) 
                {
                    var optionData = '<option data = "'+ data.usergroups[rowData] +'" value="'+ rowData+'">' + data.usergroups[rowData]+'</option>';
                    $('#list_usergroup').val("");
                    $('#list_usergroup').multiselect('refresh');
                    $('#list_usergroup').multiselect('reset');
                    $("#list_usergroup").append(optionData);
                }

                //$('#list_usergroup').multiselect('reset');
                $("#list_usergroup").multiselect({
                            columns: 1,
                            placeholder: 'Select Usergroups',
                            search: true,
                            selectAll: true,
                            onLoad: function() {

                            }
                    });
                $("#list_usergroup").val(Value);
            }
            loaderOff();            
        },
        error: function(data, b, c) {
            appLog.debug("Display Usergroup error Status  " + data.status + ": " + data.statusText)
        }
    })

我正在使用https://github.com/nobleclem/jQuery-MultiSelect插件

提前致谢。

Answer 1

使用刷新数据启用Multiselect。你必须重新初始化Multiselect。

$('#list_usergroup').multiselect('destroy');  // tell widget to clear itself
$('#list_usergroup').multiselect(); // re-initialize the widget

复选框在jquery中没有刷新

1 个答案: