功能:按“→”键,能把左边的内容复制到右边,按“←”键,是把右边的内容删除掉。
<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' size=22 style='width:200px' ondblclick='Add()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select></td>
<td><input type=button name=b1 value=' → ' onclick='Add()'><br><br><input type=button name=b1 value=' ← ' onclick='Del()'>
<br />
<br />
<br />
<br />
<input type=button name=b1 value=' → ' onclick='Add()'><br>
<br><input type=button name=b1 value=' ← ' onclick='Del()'>
<br />
<br />
<br />
<input type=button name=b1 value=' → ' onclick='Add()'><br><br><input type=button name=b1 value=' ← ' onclick='Del()'></td>
<td><p>
<select name='d_b2' size=5 style='width:200px' ondblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p>
<p>
<select name='select' size="5" style='width:200px' ondblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p>
<p>
<select name='select2' size="5" style='width:200px' ondblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p></td>
<td> </td>
</tr>
<tr><td colspan=4 align=right></td></tr>
</form></table>
<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' size=22 style='width:200px' ondblclick='Add()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select></td>
<td><input type=button name=b1 value=' → ' onclick='Add()'><br><br><input type=button name=b1 value=' ← ' onclick='Del()'>
<br />
<br />
<br />
<br />
<input type=button name=b1 value=' → ' onclick='Add()'><br>
<br><input type=button name=b1 value=' ← ' onclick='Del()'>
<br />
<br />
<br />
<input type=button name=b1 value=' → ' onclick='Add()'><br><br><input type=button name=b1 value=' ← ' onclick='Del()'></td>
<td><p>
<select name='d_b2' size=5 style='width:200px' ondblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p>
<p>
<select name='select' size="5" style='width:200px' ondblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p>
<p>
<select name='select2' size="5" style='width:200px' ondblclick='Del()'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</p></td>
<td> </td>
</tr>
<tr><td colspan=4 align=right></td></tr>
</form></table>
1.代码最好自己动手编,重要的是思路;
2.为什么你的标签下属性都不加"",这样很不规范;
3.本题核心思想:onclick事件里分别通过id获取对应的节点,document.getElementById("node1").innerHTML+=document.getElementById("node2").innerHTML;//赋值
同时document.getElementById("node2").innerHTML="";//清空
对于那两个节点,这个楼主应该晓得吧