js左右添加

标签：移动   判断   目标   tor   元素   遍历   onload   options   child   

<script>

　　//为单移按钮添加事件

　　onload=function(){

　　document.getElementById("toRight1").onclick=function(){

　　//获取左边所有的option

　　var arr = document.getElementById("left").options;

　　//遍历数组,判断是否选中

　　for(var i = 0;i < arr.length;i ++){

　　//如果选中,则追加到右边的select中

　　if(arr[i].selected){

　　document.getElementById("right").appenChild(arr[i]);

　　break;

}

　　}

}

　　//给多移按钮添加事件

　　document.getElementById("toRight2").onclick=function(){

　　//获取座百年所有的option

　　var arr = document.getElementById("left").options;

　　//遍历数组,判断是否选中

　　　for(var i = 0;i < arr.length;i++){

　　//如果选中,则添加到右边的select中

 　　if(arr[i].selected){

　　document.getElementById("right").appencchild(arr[i]);

　　//索引--

　　i--;

}

}

}

　　//给全部移动按钮添加事件

　　document.getElementById("toRight3").onclick=function(){

　　//获取左边所有的option

　　var arr = document.getElementById("left").options;

　　//遍历数组,始终把第一个元素添加到目标文本框

for(var i = 0;i < arr.length;){

　　document.getElementById("right").appendchild(arr[i]);

}

document.getElementById("toLeft1").onclick=function(){

　　var arr = document.getElementById("left").options;

}

}

}

js左右添加

标签：移动   判断   目标   tor   元素   遍历   onload   options   child   

原文地址：http://www.cnblogs.com/wqdyxnbd/p/7527328.html