Question

我在视图中有MultiSelectList。

@Html.ListBox("AreaList",new MultiSelectList(new List<State>()),
    new { @class = "chosen-select", data_placeholder = "انتخاب منطقه...", style = "width: 90%;", tabindex = "4" }
)}

<div id="AreaList_chosen" title="" style="width: 994px;" class="chosen-container chosen-container-multi chosen-with-drop chosen-container-active">
    <ul class="chosen-choices">
        <li class="search-field">
            <input tabindex="4" value="انتخاب منطقه..." class="default" autocomplete="off" style="width: 89px;" type="text">
        </li>
    </ul>
    <div class="chosen-drop">
        <ul class="chosen-results"></ul>
    </div>
</div>

我想在jQuery中将li添加到ul.chosen-results。我使用此代码，但它不会附加项目。

var li = $('<li></li>');
li.html('Test!');

$("#AreaList_chosen > div.chosen-drop ul").append(li);
$(".chosen-results").append(li);

Answer 1

您需要为chosen插件应用于

的选项添加一个选项

$('#AreaList').append($('<option></option>').text('Test!').val(''));

然后触发更新的事件

 $('#AreaList').trigger('chosen:updated');

将<li>添加到现有的<ul> </ul> </li>

1 个答案: