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);

希望这有帮助。

Answer 2

您需要将变量替换为代码：

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

如果值中包含空格或其他字符，则需要单引号

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

2 个答案: