在文档就绪时使用 jQuery 设置选择框答案

【问题标题】：Setting select box using jQuery on document ready在文档就绪时使用 jQuery 设置选择框
【发布时间】：2012-01-16 17:33:48
【问题描述】：

谁能建议我如何使用 jQuery 更改选择菜单中的选定项目 - 我尝试了以下但没有成功。使用这个 sn-p 我将如何使用 jQuery 将值“5”设置为例如（例如 Cambridgeshire）作为“选定”值。

<script type="text/javascript">
    $(document).ready(function() {
    $('#county_id option[value=3]').attr('selected', 'selected');
});

<html>
<select name="county_id" id="county_id">
<option value="1">Bedfordshire</option>
<option value="2">Berkshire</option>
<option value="4">Buckinghamshire</option>
<option value="5">Cambridgeshire</option>
</select>
</html>

【问题讨论】：

标签： javascript jquery select frameworks css-selectors

【解决方案1】：

您只需要使用val 方法即可。

$('#county_id').val(5);

【讨论】：

【解决方案2】：

这应该适用于大多数情况，并且会自动选择正确的选项。

<script type="text/javascript">
    $(document).ready(function() {
    $('#county_id').val(3);
});
</script>

【讨论】：

【解决方案3】：

应该能够使用 jquery 选择器而不是编辑属性。

 $('input:radio[name=county_id]')[3].checked = true;

或

 $('input:radio[name=county_id]:nth(3)').attr('checked',true);

在本例中，3 是与 Cambridgeshire 关联的计数器（请记住，计数从零开始）。

via

【讨论】：