未使用Jquery设置选择列表选项

时间:2013-01-30 16:08:01

标签: jquery asp.net-mvc razor

选择列表:

<select id="Outcome#1" class="result" name="Outcome#@1">
                            <option value="x">Select</option>
                            <option value="4">Good</option>
                            <option value="3">Adequate</option>
                            <option value="0">Not Applicable</option>
                        </select>

Jquery的

$("#Outcome#1").val("4");

上面的选择列表是通过数据库调用动态创建的,并且javascript也在动态创建,并且正在填充val。如果数据库中存在。

但是,在上面的示例中,下拉菜单未设置为将选项4(好)设置为选定。

我的印象是JQuery的上述内容应该非常愉快。

还试过:(并且失败了)

$("#Outcome1[value='4']").attr("selected", "selected");

有什么想法吗?

3 个答案:

答案 0 :(得分:4)

#属性中的id是一个元字符,因此需要作为jQuery选择器的一部分进行转义:

$('#Outcome\\#1').val("4");

Selectors API页面顶部对此进行了解释。

答案 1 :(得分:2)

您的选择器实际上正在寻找具有idOutcome 1属性的元素 - 这是不可能的。你需要在选择器本身中转义#,试试这个:

$("#Outcome\\#1").val("4");

答案 2 :(得分:2)

你需要转义hashsign

$("#Outcome\\#1").val("4");