jquery - 使用 jQuery 重新排序 SELECT 列表中的选项

Question

有什么建议如何使用/重新排序其中的<option>元素<select>吗？这是html：

<select class="required" name="jform[params][language]" id="jform_params_language">
    <option value="cs-CZ">Czech (Cestina)</option>
    <option value="en-GB">English (United Kingdom)</option>
    <option value="sk-SK">Slovak (Slovencina)</option>
</select>

我需要它是这样的：

<select class="required" name="jform[params][language]" id="jform_params_language">
    <option value="sk-SK">Slovak (Slovencina)</option>
    <option value="en-GB">English (United Kingdom)</option>
    <option value="cs-CZ">Czech (Cestina)</option>
</select>

需要提一下，我无法修改 html。我尝试使用 jQuery 的sort()功能，但不知道该怎么做。

Answer 1

你可以使用reverse方法。

var $sel = $('#jform_params_language'),
    $o = $sel.children().toArray().reverse();

$sel.append($o); //[0].selectedIndex = 0;

http://jsfiddle.net/3UWx6/

Answer 2

例如，将第三个选项移到第一个选项之前，我们可以使用下面的 jquery：

$('select[name="NameOfDropDown"] option:eq(2)').insertBefore($('select[name="NameOfDropDown"] option:eq(0)'));