最近用jQuery寫下拉框的選項值的左右移動，程式碼如下： 複製程式碼 程式碼如下: 無標題文件 < /script> <BR><script type="text/javascript"> <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; >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就可以正常使用了！
