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</option>]
> $('.countryField').find('option[selected="selected"]')
[<option value="233" selected="selected">United States</option>, <option selected="selected" value="233">United States</option>]

Answer 1

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

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

Answer 2

：eq（0）将用于选择具有值＆＃34; 233＆＃34;的第一个选项。它将被选中。

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

Answer 3

这也可以使用纯Javascript

完成

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

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

3 个答案: