分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js左右添加

发布时间:2023-09-06 01:11责任编辑:郭大石关键词:js

<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左右添加

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved