功能:按“→”键,能把左边的内容复制到右边,按“←”键,是把右边的内容删除掉。
<table border=0 cellpadding=5 cellspacing=0 align=center>
<form action='' method=post name=myform>
<tr align=center><td>&nbsp;</td>
<td></td><td>&nbsp;</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>&nbsp;</td>
</tr>
<tr><td colspan=4 align=right></td></tr>
</form></table>

解决方案 »

  1. 楼主给你点建议:
    1.代码最好自己动手编,重要的是思路;
    2.为什么你的标签下属性都不加"",这样很不规范;
    3.本题核心思想:onclick事件里分别通过id获取对应的节点,document.getElementById("node1").innerHTML+=document.getElementById("node2").innerHTML;//赋值
    同时document.getElementById("node2").innerHTML="";//清空
    对于那两个节点,这个楼主应该晓得吧
      

  2. <select 的不能用innerHTMl去实现那个的,如果实在用也会很麻烦。LZ用<select>这样来回赋值有什么意义的呢?要用也是textarea,怎么用个select实现,表示不懂。
      

类似问题 »