最近用jQuery来写下拉框的选项值的左右移动，代码如下： 复制代码 代码如下: 无标题文档 <BR>$(function(){ <BR>$("input").hover(function(){ <BR>$(this).val("") <BR>}, <BR>function(){ <BR>$(this).val(this.defaultValue) <BR>} <BR>) <BR>}) <br><br>jQuery(function(){ <BR>//左侧加到右侧 <BR>jQuery("#add").click(function(){$("#select1 option:selected").appendTo("#select2")}) <br><br>//右侧加到左边 <BR>jQuery("#remove").click(function(){$("#select2 option:selected").appendTo("#select1")}) <br><br>//全部加到右边 <BR>jQuery("#add_all").click(function(){$("#select1 option").appendTo("#select2")}) <br><br>//全部移动左边 <BR>$("#remove_all").click(function(){$("#select2 option").appendTo("#select1")}) <br><br>//双击加到右边 <BR>$("#select1").dblclick(function(){$("option:selected",this).appendTo("#select2")}) <BR>//双击移动左边 <BR>$("#select2").dblclick(function(){$("option:selected",this).appendTo("#select1")}) <BR>}) <br><br>function len(){ <BR>var sel = document.getElementById("select2"); <BR>alert(sel.length); <BR>} <br><br> <BR>*{ margin:0; padding:0;} <BR>input{ color:#ccc;} <br><br>div.centent { <BR>float:left; <BR>text-align: center; <BR>margin: 10px; <BR>} <BR>span { <BR>display:block; <BR>margin:2px 2px; <BR>padding:4px 10px; <BR>background:#898989; <BR>cursor:pointer; <BR>font-size:12px; <BR>color:white; <BR>} <BR> 选项1 选项2 选项3 选项4 选项5 选项6 选项7 全部添加到右边>> 选项8 用这个文件浏览的时候是可以用的，但是放到jsp里面就不能用了。笨方法来解决，写个alert方法看看报什么错，发现了问题所在： jQuery的function前面的$与JSP页面的JSTL的$冲突了，直接导致不认识此对象方法。 解决办法： 把jQuery代码里面的$全改成jQuery就可以正常使用了！
