如何與選定的jQuery並排顯示多個選定的項目

Question

我的腳本如下。 我通過$ .getJSON（）獲得了PersonList，並且我想使用Jquery-chosen並排顯示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");

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

Answer 1

是否要設置所選元素的值以使用服務器返回的所有值？ 下方的下拉菜單是否可以按預期獲得所有選項？

也許您需要做的就是將所有選項上的selected屬性設置為true，然后一次觸發一次更新。

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