两个下拉列表互相交互

Question

我有一个下拉列表（带复选框的多选）和国家列表。一旦我在第一个下拉列表中检查一个项目，我应该在第二个下拉列表中列出所有未检查的项目。反之亦然。任何人都可以帮助我吗？。

我使用了bootstrap multi select下拉列表。

提前致谢。

Answer 1

我建议你使用具有值和文本属性的对象列表，如下面

var data=[{Value:1,Text:"India"},{Value:2,Text:"USA"},.......]

并在document.ready（）函数中编写代码

for (i = 0; i < data.length; i++)
  $("#ddlCountry").append(new Option(data[i].Value, data[i].Text));

然后使用

  $("#ddlCountry").change()

从列表中删除所选元素并将新数据列表添加到第二个下拉列表的事件..