jQuery MVC无法使用selected-select下拉列表

Question

我在mvc剃须刀页面中将下拉列表与多个组一起使用。 我下面的链接，并使用多个选择组下拉菜单。

收获多选下拉链接

如果我在以下示例的剃刀视图中实施，效果很好：

....
<select data-placeholder="Search option" id="Mainlist[0].SubList" class="chosen-select" multiple tabindex="6" name="MainList[0].SubList">
     <option value=""></option>
     @foreach (var mainListItem in Model.MainList)
     {
          <optgroup label="@mainListItem.Name">
           @foreach (var subListItem in mainListItem.SubList)
           {
               <option id="report">@subListItem.Name</option>
           }
           </optgroup>
      }
</select>
....

上面的剃须刀代码对于选定的下拉菜单工作正常，如下图所示：

但是我需要在jquery的按钮单击事件上添加更多的multi select下拉列表。 我在jquery中尝试了以下代码：

var newRow =
"<select data-placeholder='Search option' id='Mainlist[1].SubList' class='chosen-select' multiple tabindex='6' name='MainList[1].SubList'>" +
        "<option value=''></option>" +
        "<optgroup label='Main List Item 1'>" +
        "<option id='report'>Sub List Item 1.1</option>" +
        "<option id='report'>Sub List Item 1.2</option>" +
        "</optgroup>" +
        "<optgroup label='Main List Item 2'>" +
        "<option id='report'>Sub List Item 2.1</option>" +
        "<option id='report'>Sub List Item 2.2</option>" +
        "</optgroup>" +
        "</select>";

$('#TestTable tr:last').after(newRow);

第一个问题是：我无法在newRow变量中实现foreach循环。 第二个是：如果我尝试像上面的代码一样手动管理整个列表，那么List也不能像下面的图像一样正常显示：

知道是什么原因造成的吗？ 以及如何通过jquery使下拉菜单正常工作？ 还是有其他方法可以通过jQuery添加相同的下拉菜单？

我已经从下面的链接尝试了$（“。chosen-select”）。chosen（）：

选择选择链接

Answer 1

将选择添加到dom后，检查是否正在初始化选择的内容。 您能告诉我您遇到的错误吗？