如何在jQuery中设置下拉列表的SELECTED属性？

Question

我发送用户从索引中选择的下拉列表选项的索引号。现在想要在另一个视图中选择该特定选项为“已选择”。如何使用jQuery创建它？

$('#book_selection').attr("disabled", "disabled");
$('#book_selection').selectedIndex = 1;

但它不起作用......

Answer 1

使用.prop()设置属性，顺便说一下你需要使用索引设置值，所以在这种情况下.eq(index)会帮助你。

尝试，

$('#book_selection option').eq(1).prop('selected',true);

Answer 2

使用prop()方法，将selectedIndex设置为jQuery对象几乎什么都不做。从jQuery 1.6开始，用于修改属性prop的方法应该使用而不是attr方法：

$('#book_selection').prop("disabled", true)
                    .prop('selectedIndex', 1);

备选方案：

// Getting the DOM element object using bracket notation and `.get()` method
$('#book_selection')[0].selectedIndex = 1;
$('#book_selection').get(0).selectedIndex = 1;