动态选择下拉菜单的选项答案

【问题标题】：Dynamically selecting Dropdown's options动态选择下拉菜单的选项
【发布时间】：2015-03-28 10:58:29
【问题描述】：

我有一个下拉菜单。当页面加载时，我想根据值选择选项。

我有一个包含 id 作为键和一些数字作为其值的哈希。我正在遍历这个哈希，如果任何选项的值与当前循环的值匹配，我需要将该选项设置为选中。

$.each(hash_name_here, function(key, value){
  $('select option[value=key]').attr("selected',"selected");
});

这没有任何作用。

但是，如果我用数字代替键，它就可以正常工作。

$('select option[value=81]').attr("selected',"selected");

我做错了什么？

【问题讨论】：

您已在选择器中使用 key 作为字符串文字。它将被视为'找到具有value="key"的选项...而不是在函数中传递的value=valueOf(key)。
value=key 认为是一个字符串，所以只需给出类似 value='+key+'

【解决方案1】：

你必须让 Jquery 知道 key 是一个变量。现在它被解析为一个字符串。使用：

$.each(hash_name_here, function(key, value){
  $('select option[value=' + key + ']').attr("selected","selected");
});

【讨论】：

【解决方案2】：

试试这个

$.each(hash_name_here, function(key, value){  
  $('#key option[value=value]').prop("selected",true);
});

【讨论】：