select选中后左右移动

<script type="text/javascript">
function getLeftSelectedText(){       //此函数用来获取左侧选中项的内容
 var obj = document.getElementById("empl_list");  //获取对象
 var index =obj.selectedIndex;   //获取选中索引
 var text = obj.options[index].text;    //选中文本
 return text;
 }
function getLeftSelectedValue(){       //此函数用来获取左侧选中项的内容的value
 var obj = document.getElementById("empl_list");  //获取对象
 var index =obj.selectedIndex;   //获取选中索引
 var value = obj.options[index].value;    //选中文本
 return value;
 }
function getRigthSelectedText(){       //此函数用来获取右侧选中项的内容
 var obj = document.getElementById("selected_list");  //获取对象
 var index =obj.selectedIndex;   //获取选中索引
 var text = obj.options[index].text;    //选中文本
 return text;
 } 
 
function addItem(){             //此函数用来添加选中项到右侧列表中
      var selectedText = getLeftSelectedText();      //调用getSelectedText()方法,获取左侧列表选中项的文本
      var selectedValue = getLeftSelectedValue();
   var obj = document.getElementById("selected_list");   //获取对象
   var length =obj.length;                               //获取右侧列表长度
         var opt= new Option(selectedText,selectedValue,true,true);       //创建一个option对象并赋值,value为选中项的value,text为选中项的文本
   var i=0;            //循环变量
   var flag=1;        //标志位
   var temp;          //临时变量
   for(i;i<length;i++)             //此循环用来判断选中项是否和右侧项中已存在的有重复
   {
    temp=obj.options[i].text;   
    if(temp==selectedText)             //选中项和右侧已存在项重复,改变标志位
     flag=0;
   }
   if(flag==1)            //如果不重复
   {
   obj.options[length]=opt;      //将选中项添加到右侧列表,注意option{]是0开始的,所以要添加位置为options[length],而不是option[lenth+1];
   }
 }

function delItem(){    //此函数用来删除右侧列表中的选中项
 var obj=document.getElementById("selected_list");   //获取对象
 var index= obj.selectedIndex;               //获取选中索引
 obj.remove(index);                          //移除索引对应项   
}
function SelectedItem()  //封装右侧所有option的value
{
   var obj = document.getElementById("selected_list");   //获取对象
    var length =obj.length;   
    var i=0;   
    var temp = "";
     for(i;i<length;i++)             //此循环用来取出右侧option的value
     {
  temp += obj.options[i].value+","; 
 }
 var hidden = document.getElementById("selectedId");
 hidden.value=temp;
 var form = document.getElementById("form_role_powerlimit");
 form.submit();
  
}
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值