具有多个具有相同值的条目的 JQuery 选择选项

Question

我有一个程序，有一个下拉菜单，可以从国家/地区列表中进行选择。在此列表中，我选择了将出现在列表顶部的 N 个“重要”国家/地区，后面是所有国家/地区的列表，包括出现在“重要”国家/地区部分的国家/地区列表。

例如:

<select id="id-search-country" name="country"> 
<option value="----">All countries
<option value="AR,,">Argentina       # you can see that this is repeated
<option value="AU,,">Australia
<option value="BR,,">Brazil
<option value="CA,,">Canada
<option value="----">----
<option value="----">All countries
<option value="AF,,">Afghanistan
<option value="AL,,">Albania
<option value="DZ,,">Algeria
<option value="AS,,">American Samoa
<option value="AR,,">Argentina        # repeated here
etc.

当我尝试使用 $(#id-search-country).val(current_country_value) 设置用户当前国家/地区的值时，JQuery 将选择列表中的最后一项，而不是选择顶部的值列表中的。我希望它选择出现在列表顶部的国家/地区值(如果它出现在那里)。

有谁知道我如何配置 JQuery 将当前国家/地区选项设置为“重要”国家/地区(如果 current_country_value 位于列表的该部分)，并且仅从列表的其余部分中选择国家/地区(如果它是)没有出现在“重要”部分？

亲切的问候

Answer 1

编辑:Reigel 和我在评论中互相比拼后，只需一行 jQuery 即可实现:

$("#id-search-country option[value=" + current_country_value + "]:first")[0].selected = true;