JS下拉列表交换数据，互相选择代码

最新推荐文章于 2024-05-17 13:52:13 发布

snow1wolf

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量815

点赞数

分类专栏： javascript 文章标签： javascript

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<span style="font-size:24px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>下拉列表交换数据</title>
</head>
<body>
<table border=0 cellpadding=5 cellspacing=0 align=center>
<form action='' method=post name=myform>
<tr align=center><td> </td>
<td></td><td> </td>
<td></td></tr>
<tr align=center>
<td>
<select name='d_b1' id='d_b1' size=20 style='width:200px' οndblclick='Add()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
<td><input type=button name=b1 value=' → ' οnclick='Add()'><br><br><input type=button name=b1 value=' ← ' οnclick='Del()'></td>
<td>
<select name='d_b2' id="d_b2" size=20 style='width:200px' οndblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</td>
<td> </td>
</tr>
<tr><td colspan=4 align=right></td></tr>
</form></table>
<script>
var x=document.getElementById('d_b1')
var y=document.getElementById('d_b2')
function Add(){
	 for(var i=0;x[i];i++){
		 x[i].selected==true&&y.appendChild(x[i])
			 }	}
function Del(){
	 for(var i=0;y[i];i++){
		y[i].selected==true&&x.appendChild(y[i])
			 }	}
</script>
</body>
</html></span>

snow1wolf

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS下拉列表交换数据，互相选择代码

下拉列表交换数据 123123 var x=document.getElementById('d_b1')var y=document.getElementById('d_b2')function Add(){ for(var i=0;x[i];i++){ x[i].selected==true&&y.appendChild
复制链接

扫一扫