使用jQuery对选择列表中的选项重新排序
有没有关于如何使用/重新排序该使用jQuery对选择列表中的选项重新排序,jquery,html,Jquery,Html,有没有关于如何使用/重新排序该中的元素的建议? 以下是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)</opt
中的
元素的建议?
以下是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()
函数,但不知道如何操作。您可以使用反向
方法
var $sel = $('#jform_params_language'),
$o = $sel.children().toArray().reverse();
$sel.append($o); //[0].selectedIndex = 0;
例如,要在第一个选项之前移动第三个选项,我们可以使用以下jquery:
$('select[name="NameOfDropDown"] option:eq(2)').insertBefore($('select[name="NameOfDropDown"] option:eq(0)'));
哦,老兄,非常感谢!我不知道会这么容易,谢谢!