jQuery 使用 Next 设置选定选项

Question

如何使用 jQuery 将已选定项目的“下一个”项目设置为“已选定”。

例如，如果我有:

<select>
<option value="1" >Number 1</option>
<option value="2" selected="selected">Number 2</option>
<option value="3" >Number 3</option>
<option value="4" >Number 4</option>
</select>

我们可以看到“Number 2”被选中，并且使用jQuery，我想将“Number 3”设置为选中状态，并从“Number 2”中删除选定的“属性”。我假设我需要使用 next 选择器，但我不太确定如何实现。

Answer 1

更新:

从 jQuery 1.6+ 开始，您应该使用 prop()在本例中，而不是 attr()。

The difference between attributes and properties can be important in specific situations. Before jQuery 1.6, the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior. As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes.

var theValue = "whatever";
$("#selectID").val( theValue ).prop('selected',true);

原答案:

如果您想通过选项的值进行选择，无论其位置如何(此示例假设您有一个用于选择的 ID):

var theValue = "whatever";
$("#selectID").val( theValue ).attr('selected',true);

您不需要“取消选择”。当您选择另一个时，这种情况会自动发生。