javascript - 使用 javascript 变量设置下拉列表的选定值

Question

我正在使用 JQuery 创建动态下拉框(在第二个中选择第一个下拉过滤器选项)。我正在尝试为反向用例创建检查(第二个下拉列表的选择强制第一个下拉列表中的相关选择)。

我之前用这段代码成功设置了激活值:

$("#department option[value='Other']").prop('selected', true);

现在，我正在尝试执行与上述相同的操作，但使用变量值而不是硬编码值。这是我到目前为止的代码:

var selected_campus = $("#college")[0].options[$("#college")[0].selectedIndex].text.split(":",1).toString();
$("#campus option[value=selected_campus]").prop('selected', true);

第一行工作正常，所需的值已成功存储在 selected_campus 中。但是，第二行没有。如何将 #campus 的选定值设置为 selected_campus？

Answer 1

你很接近；您只需使用 + 和单引号 ' 符号将变量 selected_campus 与选择器(字符串)连接起来，例如:

$("#campus option[value='"+selected_campus+"']").prop('selected', true);
________________________^_^_______________^_^

代替:

$("#campus option[value=selected_campus]").prop('selected', true);

希望这对您有所帮助。