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后，檢查是否正在初始化選擇的內容。 您能告訴我您遇到的錯誤嗎？