jquery - 如何使用 jquery 仅选择与值匹配的第一个选项？

Question

我正在使用 JQuery 1.8。我想在我的选择菜单中按值选择一个选项，所以我使用这个语句

$('.countryField').find('option[value="233"]')

但是，上面的问题是，如果有多个具有相同值的选项，则全部都被选中。如何调整上述语句以便只选择一个选项？随时给我发消息并讲授如何不应该有具有相同值的多个选项的选择菜单。

编辑：这是响应给定建议之一的控制台输出

> $('.countryField').find('option').prop('selected', false)
jQuery.fn.init[255]
> $('.countryField').find('option[value="233"]:first').prop('selected', true)
[<option value=​"233" selected=​"selected">​United States​&lt;/option>​]
> $('.countryField').find('option[selected="selected"]')
[<option value=​"233" selected=​"selected">​United States​&lt;/option>​, <option selected=​"selected" value=​"233">​United States​&lt;/option>​]

Answer 1

这也可以用纯 Javascript 来完成

document.querySelector(' .countryField option').setAttribute('selected','selected')

Answer 2

:eq(0) 将用于选择值为“233”的第一个选项，它将被选中。

$('.countryField [value="233"]:eq(0)').prop('selected', true);

Answer 3

您可以:first在此处使用选择器来选择第一个匹配的 DOM 元素。

$('.countryField').find('option[value="233"]:first')