本文来自尚观知识库】 2个select之间的移动，分单个移动和全部移动，

最新推荐文章于 2024-08-24 12:37:57 发布

iteye_11813

最新推荐文章于 2024-08-24 12:37:57 发布

阅读量356

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_11813/article/details/82445803

版权

2个select之间的移动，分单个移动和全部移动，

本文来自尚观知识库】 2个select之间的移动，分单个移动和全部移动，
具体情况如下：

样式如下（类似而已，呵呵）：

a　　　　　　　　　　　k
b　　　　　>>　　　　　l
c　　　　　　　　　　　m
d　　　　　>　　　　　
e
f　　　　　<<
g
h　　　　　<
i

<script language="javascript">
function add(){
	var opt=selectfrom.options;
	len=opt.length;
	for(i=len-1;i>-1;i--){
		if(opt[i].selected){
			select2.appendChild(opt[i]);
		}
	}
}

function addAll(){
	var opt=selectfrom.options;
	len=opt.length;
	for(i=len-1;i>-1;i--){
		select2.appendChild(opt[i]);
	}
}

function del(){
	var opt=select2.options;
	len=opt.length;
	for(i=len-1;i>-1;i--){
		if(opt[i].selected){
			selectfrom.appendChild(opt[i]);
		}
	}
}

function delAll(){
	var opt=select2.options;
	len=opt.length;
	for(i=len-1;i>-1;i--){
		selectfrom.appendChild(opt[i]);
	}
}
</script>
<body>
<table width="27%" height="194" border="0" cellpadding="1" cellspacing="0">
  <tr>
    <td width="21%"><select id="selectfrom" size="15" multiple="multiple" style="width:100px">
      <option>a</option>
      <option>b</option>
      <option>c</option>
      <option>d</option>
      <option>e</option>
      <option>f</option>
      <option>g</option>
      <option>h</option>
      <option>i</option>
      <option>j</option>
      <option>k</option>
      <option>j</option>
      <option>m</option>
      <option>n</option>
                </select></td>
    <td width="57%"><p align="center">
      <input name="addAll" type="button" id="addAll" value=" &gt;&gt; " style="width:40px" οnclick="addAll()"/>
    </p>
    <p align="center">
      <input name="add" type="button" id="add" style="width:40px" value=" &gt; " οnclick="add()"/>
    </p>
    <p align="center">
      <input name="del" type="button" id="del" value=" &lt; " style="width:40px" οnclick="del()"/>
    </p>
    <p align="center">
      <input name="delAll" type="button" id="delAll" value=" &lt;&lt; " style="width:40px" οnclick="delAll()"/>
</p></td>
    <td width="22%"><select id="select2" size="15" multiple="multiple" style="width:100px">
        </select></td>
  </tr>
</table>

iteye_11813

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
本文来自尚观知识库】 2个select之间的移动，分单个移动和全部移动，

2个select之间的移动，分单个移动和全部移动，本文来自尚观知识库】 2个select之间的移动，分单个移动和全部移动，具体情况如下：样式如下（类似而已，呵呵）： a　　　　　　　　　　　k b　　　　　&gt;&gt;　　　　　l c　　　　　　　　　　　m d　　　　　&gt;　　　　　 e f　　　　　&lt;&lt; g h　　　　　&lt; i &lt;script l...
复制链接

扫一扫