如何在选择jquery的情况下并排显示多个选定项目

时间:2015-01-30 15:43:20

标签: javascript jquery asp.net-mvc jquery-chosen selectlistitem

我的脚本如下。我通过 $。getJSON()得到了PersonList,我希望通过使用Jquery选择并排显示PersonList中的所有元素。但只显示最后一项。

感谢您的帮助。

  

$(document).ready(function () {
    $("#raporNo").on('change', function () {
        var yId = $(this).val();

        $.getJSON("../Ekranlar/GorevlendirilenAdliBilUzmanlariGetir", { xId: yId },
            function (PersonList) {

                $("#chosenDropDown2").empty();

                $.each(PersonList, function (index, itemData) {

                    $("#chosenDropDown2").append("<option>" + itemData.Text + "</option>");
                    $("#chosenDropDown2").val(itemData.Text);
                    $("#chosenDropDown2").trigger("chosen:updated");

                });                 
            });
    });
});

1 个答案:

答案 0 :(得分:0)

是否要设置所选元素的值以使用从服务器返回的所有值?下面的下拉列表是否按预期获得了所有选项?

也许您需要做的就是将所有选项上的selected属性设置为true,然后选择一次更新。

$.each(PersonList, function (index, itemData) {
    $("#chosenDropDown2").append("<option>" + itemData.Text + "</option>");
});
$("#chosenDropDown2 option").attr("selected", "selected");true
$("#chosenDropDown2").trigger("chosen:updated");