两个列表匡内容互相挪来挪去的例子-JAVA91知识库

两个列表匡内容互相挪来挪去的例子

转自:互联网

<HTML>    
<HEAD>
<TITLE>   </TITLE>
<script language="javascript">
	function adduser() {
		freelength = document.all.freeid.length;
		for (var i = freelength - 1; i >= 0; i--) {
			if (document.all.freeid.options[i].selected) {
				var newtext = document.all.freeid.options[i].text;
				var newvalue = document.all.freeid.options[i].value;
				var nowlength = document.all.nowid.length;
				document.all.nowid.options[nowlength] = new Option(newtext, newvalue);
				document.all.freeid.options[i] = null;
			}
		}
	}

<BODY BGCOLOR="#ffffff">
<table border="1" cellpadding="3" cellspacing="0" style="border-collapse: collapse"
bordercolor="#CCCCCC" width="100%">
<tr>
	<td colspan="2">
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td>
			<select name="freeid" multiple size="6" style="width:200px">
				<option value="1">
					admin
				</option>
			</select>
		</td>
		<td valign="center" align="center">
			<input type="button" class="it" value="添加>>" onclick="adduser()">
			<br>
			<br>
			<input type="button" class="it" value="<<删除" onclick="deluser()">
		</td>
		<td>
			<select name="nowid" multiple size="6" style="width:200px">
				<option value="11">
					EHLDCIO
				</option>
				<option value="15">
					wanglifeng
				</option>
				<option value="16">
					service
				</option>
			</select>
		</td>
	</tr>
</table>
</BODY>

</HTML>