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;