如何对选择列表中的选项进行排序,但将其保留在顶部

时间:2013-03-07 16:54:38

标签: javascript jquery html sorting select

现在我有以下代码通过我的列表并按字母顺序排序:

<select id="country" class="inputList" name="country">
    <option value="">Select your country</option>
    <option value='0'>Afghanistan</option>
    <option value='1'>Albania</option>
    <option value='2'>Algeria</option>
    <option value='3'>Andorra</option>
    ...
</select>

如何使脚本排除没有值的选项(第一个“选择你的国家/地区”)?

$("#country").html($("#country option").sort(function (a, b) {
return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}))

非常感谢!

编辑:Offbeatmammal指出的解决方案在这里: sort items in a dropdown list without the first item

2 个答案:

答案 0 :(得分:2)

[将评论转化为答案,因为它解决了问题]

我可能会作弊...剥离顶部的一个,然后把它放回去......事实上,这个答案 - sort items in a dropdown list without the first item - 只做那个

答案 1 :(得分:1)

我通常将该项目从列表中拉出来,对其余项目进行排序,然后重新插入。