在下拉列表中动态选择项目时显示多个下拉列表

时间:2013-11-15 07:29:52

标签: jquery drop-down-menu

我在dropdownchecklist

中遇到了问题

我想绑定dropdownchecklist中选定的一些项目,因为我使用以下代码:

 var Ids = $("#selectedIds").val();
            if (Ids != "") {
               // $('#AgeGroupIds1').dropdownchecklist('destroy');        
                $("#AgeGroupIds1").dropdownchecklist({ forceMultiple: true, width: 0 });
                var statusArray = new Array();
                var statusString = new String();
                statusString = Ids.toString();
                statusArray = statusString.split(',');
                for (var i = 0; i < statusArray.length; i++) {
                    $("#AgeGroupIds1 option:[value='" + statusArray[i] + "']").attr('selected', 'selected');
                }

            }

            $("#AgeGroupIds1").dropdownchecklist({
                forceMultiple: true,
                maxDropHeight: 190,
                width: 220,
                onComplete: function (selector) {

                    var pcids = "";
                    for (i = 0; i < selector.options.length; i++) {
                        if (selector.options[i].selected && (selector.options[i].value != "")) {
                            if (pcids != "") pcids += ",";
                            pcids += selector.options[i].value;
                        }
                    }
                }
            });

我们的问题是显示多个dropdownchecklist

1 个答案:

答案 0 :(得分:0)

 var Ids = $("#selectedIds").val();
        if (Ids != "") {
           // $('#AgeGroupIds1').dropdownchecklist('destroy');        
            $("#AgeGroupIds1").dropdownchecklist({ forceMultiple: true, width: 0 });
            var statusArray = new Array();
            var statusString = new String();
            statusString = Ids.toString();
            statusArray = statusString.split(',');
            for (var i = 0; i < statusArray.length; i++) {
                $("#AgeGroupIds1 option:[value='" + statusArray[i] + "']").attr('selected', 'selected');
            }
            $("#ddcl-AgeGroupIds1").css("display", "none");
        }

        $("#AgeGroupIds1").dropdownchecklist({
            forceMultiple: true,
            maxDropHeight: 190,
            width: 220,
            onComplete: function (selector) {

                var pcids = "";
                for (i = 0; i < selector.options.length; i++) {
                    if (selector.options[i].selected && (selector.options[i].value != "")) {
                        if (pcids != "") pcids += ",";
                        pcids += selector.options[i].value;
                    }
                }
            }
        });