+ -
当前位置:首页 → 问答吧 → 求js筛选功能

求js筛选功能

时间:2011-09-08

来源:互联网

功能:按“→”键,能把左边的内容复制到右边,按“←”键,是把右边的内容删除掉。

HTML code

<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>

作者: rex1981   发布时间: 2011-09-08

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

作者: BLUE_LG   发布时间: 2011-09-08