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;

}

}

}

时间: 2024-10-14 10:19:35

js左右添加的相关文章

JS无限添加HTML到指定位置

用JS把HTML添加到指定位置有两种写法,一种是用字符串,一种是用javascript中的方法 第一种: 用字符串写 <h2>利用JS无限添加一个相同部分</h2> <h5>第一种写法</h5> <%--有多少个相同的这里面的值就是几--%> <asp:HiddenField ID="hfCount" runat="server" Value="-1" /> <%--每

idea live template高级知识, 进阶(给方法,类,js方法添加注释)

为了解决用一个命令(宏)给方法,类,js方法添加注释,经过几天的研究.终于得到结果了. 实现的效果如下: 给Java中的method添加方法: /** * * @Method : addMenu * @Description : * @param menu : * @return : cn.yiyizuche.common.base.ResultMsg * @author : Rush.D.Xzj * @CreateDate : 2017-06-12 星期一 18:17:42 * */publi

js原生添加事件的方式

js原生添加事件的方式: 1. 直接在html标签上添加 <div onclick="alert('div')">div</div> 2. 用dom的on...方法添加 document.getElementById('div').onclick = function () {alert('div')}; 3. 用addEventListener或attachEvent添加 document.getElementById('div').addEventListe

【原生js】js动态添加dom,如何绑定事件

首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完dom以后立即执行一次函数A即可. 需要注意的是,在你可能同事需要添加许多的dom,不要添加一个就执行一次函数A,这样会增加浏览器的负载,你需要在所有dom添加完以后在执行函数A,例如你用一个for循环遍历dom组合并拼接成一个字符串,然后添加到某个父级dom里面,这个时候你需要在循环外添加一次就可以

每天都有新发现——如何优雅的用js动态添加html代码

body { font-family: 微软雅黑,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5; } html, body { } h1 { font-size:1.5em; font-weight:bold; } h2 { font-size:1.4em; font-weight:bold; } h3 { fon

form表单 无法提交js动态添加的表单元素问题。。

第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url  "> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </form> &l

js动态添加file控件

<html></head><script language="javascript" type="text/ecmascript">//======================//功能:在表单中input file控件//参数:parentID---要插入input file控件的父元素ID// inputID----input file控件的ID//======================function createI

MUI 里js动态添加数字输入框后,增加、减少按钮无效

numbox 的自动初化是在 mui.ready 时完成的mui 页面默认会自动初始化页面中的所有数字输入框,动态构造的 DOM 需要进行手动初始化.比如:您动态创建了一个 ID 为 abc 的数字输入框,需要 mui('#abc').numbox() 初始化一下. 为什么 test() 放在 mui.plusReady 外边可以,而放在里边就不可以?这是因为 numbox 的自动初化是在 mui.ready 时完成的,直接在外部的 test() 执行发生在 mui.ready 之前,而写在 m

JS动态添加到下拉列表数据

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS动态添加删除表格数据</title></head><body><script type="text/javascript"> function f() { var provinceName=docume

JS初学——添加索引匹配数组练习

1.页面布局 <div id="wrap"> <img src=""/> <span>页面数量正在加载中...</span> <p>图片说明正在加载中..</p> <ul></ul> </div> 2.添加样式 <style type="text/css"> li{list-style: none;} ul{margin: 0;