javascript - 如何在选择 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");