zoukankan      html  css  js  c++  java
  • js控制select多选

    <select multiple="multiple">
    	<option value="">AAAA</option>
    	<option value="">BBBB</option>
    	<option value="">CCCC</option>
    	<option value="">DDDD</option>
    </select>
    <input type="button" value="选中添加到右侧" onclick="toRight()">
    <input type="button" value="全部添加到右侧" onclick="toRightAll()">
    </div>
    
    
    <div>
    <select multiple="multiple">
    	<option value="">EEE</option>
    	<option value="">FFF</option>
    	<option value="">GGG</option>
    	<option value="">HHH</option>
    </select>
    <input type="button" value="选中添加到左侧" onclick="toLeft()">
    <input type="button" value="全部添加到左侧" onclick="toLeftAll()">
    </div>


    function toLeft() {
    		var left=document.getElementsByTagName("select")[0];
    		var right=document.getElementsByTagName("select")[1];
    
    		var sel=right.getElementsByTagName("option");
    		for (var i = 0; i < sel.length; i++) {
    			if (sel[i].selected==true) {
    				left.appendChild(sel[i]);
    				i--;
    			}
    		}
    	}
    
    	function toRight() {
    		var left=document.getElementsByTagName("select")[0];
    		var right=document.getElementsByTagName("select")[1];
    
    		var sel=left.getElementsByTagName("option");
    		for (var i = 0; i < sel.length; i++) {
    			if (sel[i].selected==true) {
    				right.appendChild(sel[i]);
    				i--;//!!!!!
    			}
    		}
    	}
    
    	function toLeftAll () {
    
    		var left=document.getElementsByTagName("select")[0];
    		var right=document.getElementsByTagName("select")[1];
    		var sel=right.getElementsByTagName("option");
    		for (var i = 0; i < sel.length; i++) {
    			
    				left.appendChild(sel[i]);
    				i--;//!!!!
    			
    		}
    	}
    	function toRightAll () {
    		var left=document.getElementsByTagName("select")[0];
    		var right=document.getElementsByTagName("select")[1];
    		var sel=left.getElementsByTagName("option");
    		for (var i = 0; i < sel.length; i++) {
    			
    				right.appendChild(sel[i]);
    				i--;
    			
    		}
    		
    	}


  • 相关阅读:
    存储过程中执行动态Sql语句
    SqlServer新建视图
    DataGridView DataGridViewCheckBoxColumn编辑时实时触发事件
    oracle number 和sqlserver numeric的区别
    放下你的无效社交
    一个程序员眼中的北京和上海
    10+年程序员总结的20+条经验教训
    SQL collate
    SQL自定义函数split分隔字符串
    C# .NET开发Oracle数据库应用程序
  • 原文地址:https://www.cnblogs.com/fighterhit/p/6387926.html
Copyright © 2011-2022 走看看