Question

我在mvc razor页面中使用带有多个select的下拉列表。我按照以下链接并使用多个选择与群组下拉列表。

如果我在razor视图中实现，如下例：

，它工作正常

....
<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的按钮点击事件上添加更多的多选下拉列表。我在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添加相同的下拉列表吗？

我已经尝试了$（＆＃34; .chosen-select＆＃34;）。选择（）来自以下链接：

chosen-select link

Answer 1

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

选择 - 选择下拉列表不适用于jquery MVC

1 个答案: