Question

我正在编写一个带有双列表框的MVC应用程序，其中一方是未选择的测试人员。在选择测试人员时，我将数据保存到表中。问题是如何将保存的数据绑定到“已选择”框，将另一个用户列表绑定到“未选中”框。

通过JSON请求获取数据，响应是一个数据列表，因此我无法在<option>标记内的<Select>标记中使用。请参阅以下代码。

如何使用在JSON调用上作为ArrayList返回的数据填充“Selected”框。

<div id="dual-list-box" class="form-group row">
  @*<select name="Testers" id="emp" multiple="multiple" data-title="employees" data-source='@Url.Action("AddTesterLookup")' data-value="index" data-text="name"></select>*@
  <select id="emp" multiple="multiple" data-title="employees" name="name" value="@Model.name" data-source='@Url.Action("AddTesterLookup")' data-value="index" data-text="name"></select>
</div>

<script type="text/javascript">
  $('select').DualListBox();
</script>

Answer 1

我不知道你是使用JS还是PHP框架，但是为了做到这一点，你应该使用javascript在第一个选择框被更改时运行Ajax查询。

ajax应该使用第一个选择框的值来获取你将在第二个选择框中使用javascript填充的元素。

选中此示例： Multiple html select and jquery ajax

Answer 2

您必须将data-json属性设置为false;并删除数据源属性。并填写选择输入就像;

<select>
  <option>..</option>
  <option>..</option>
</select>

Geodan的DualListbox：如何使用ArrayList中的数据填充选定的框

2 个答案: