当前位置：首页 → 问答吧 → 再求一个js筛选列表功能

再求一个js筛选列表功能

时间：2011-09-10

来源：互联网

求一个js筛选列表，功能功能是有了，但不是我要的效果，能不能改成：把左边的内容复制到右边，左边的内容必须保持不变且不能把相同的数据复制到右边，右边内容删除不能加到左边，就直接删除就可以了。

<!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' 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()'></td> <td> <select name='d_b2' id="d_b2" size=20 style='width:200px' ondblclick='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>
提示：您可以先修改部分代码再运行

作者: gongshunkai 发布时间: 2011-09-10

复制一下的话加个cloneNode就可以了，但结果不能重复，这种需求最好还是用 multiple select，或者用checkbox

作者: askok 发布时间: 2011-09-10