c# - 如果以 MVC 中的下拉列表为条件

Question

我的 Web 应用程序中有两个下拉列表。两个下拉列表的填充数据来自数据库。它们包含相同的数据。

我想要的是，如果在第一个下拉列表中选择了其中一个列表，则它不应再在第二个下拉列表中可用。

我有以下 Razor 语法:

@Html.DropDownListFor(model => model.Questions1, (SelectList)ViewData["Questions"], "Select>>", new { id = "Questions1", Name = "Questions1"})

@Html.DropDownListFor(model => model.Questions2, (SelectList)ViewData["Questions"], "Select>>", new { id = "Questions2", Name = "Questions2"})

问题来自从数据库中检索的模型。

提前致谢!

Answer 1

不确定是否有更巧妙的方法来做到这一点，但这是我想出的方法。

1. 克隆 option 元素
2. 添加变化监听器
3. 在#2 中重新创建选项
4. 从#2 中删除在#1 中选择的那个

---

// save all options locally
var options = $("#Question2 option").clone();

function removeItem() {
    // clear and re-populate all options
    $("#Question2 option").remove();
    $("#Question2").append(options);

    // get the selected option in #1 and remove from #2
    var selected = $("#Question1 :selected").val();
    $("#Question2 option[value='" + selected + "']").remove();
}

// update #2 on startup, and on change
$("#Question1").on("change", removeItem);
removeItem();

Fiddle