jquery如何移动select中option的位置？

Posted 2023-02-16

比如select中一个三个option，从上到下为a,b,c
现在我点击一个button，把c移动到b前面。
如何实现？

参考技术A 1、首先必须获取到select里面你想改变顺序的option。获取的方法有很多种，可以通过ID：$("#id"),或者class:$(".className")等等。关于这个可以参考W3School的jq选择器（http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp）；
2、获取到了就是改变位置了，可以是了after()、before()、等jq文档操作方法。参考：http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp 参考技术B 使用jquery的外部插入的函数，如下：
<select id="sel">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
<br />
<input type="button" id="btn" value="点击我" />

<SCRIPT LANGUAGE="javascript">
$(document).ready(function()
$("#btn").click(function()
var maxIndex = $("#sel option:last").attr("index");
$("#sel option[index='"+(maxIndex-1)+"']").before( $("#sel option:last") );
);
);
</SCRIPT>追问

谢谢，但我改了点地方就可以执行了：
$("#sel option").filter(':eq('+(maxIndex-1)+')').before( $("#select2 option:last") );
不知道为什么用Option[index=id]这种格式就不行。

追答

option[index='id'] 缺少引号吧··

本回答被提问者和网友采纳