实现option上下移动_jquery 两个select控件左右移动并上下移动

待选字段		报表导出字段
<?php foreach($arrFieldName as $key=>$val){?>
	确认导出

$(function(){

$('#buttonToRight').click(function(){

if($("select[name=selectOne] option:selected").length>0){

$("select[name=selectOne] option:selected").each(function(i){

$("select[name=selectTwo]").append(""+$(this).text()+"

$(this).remove();  //左边的删除

});

}

});

$('#buttonToLeft').click(function(){

if($("select[name=selectTwo] option:selected").length>0){

$("select[name=selectTwo] option:selected").each(function(i){

$("select[name=selectOne]").append(""+$(this).text()+"

$(this).remove();

});

}

});

$('#buttonToUp').click(function(){

if($("select[name=selectTwo] option:selected").length>0){

$("select[name=selectTwo] option:selected").each(function(i){

$(this).prev().before($(this));//上移

});

}

});

$('#buttonToDown').click(function(){

if($("select[name=selectTwo] option:selected").length>0){

$("select[name=selectTwo] option:selected").each(function(i){

$(this).next().after($(this));

$(this).insertAfter($(this).next());  //下移

});

}

});

});

获取select 选中的 text :

$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

$("#ddlRegType ").val();

获取select选中的索引:

$("#ddlRegType ").get(0).selectedIndex;

设置select 选中的索引：

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value：

$("#ddlRegType ").get(0).value = value;

//select option的数量

("#ddlRegType option").length;

$("#select_id").append("Text");  //添加一项option

$("#select_id").prepend("请选择"); //在前面插入一项option

$("#select_id option:last").remove(); //删除索引值最大的Option

$("#select_id option[index='0']").remove();//删除索引值为0的Option

$("#select_id option[value='3']").remove(); //删除值为3的Option

$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

清空 Select:

$("#ddlRegType ").empty();