知识大全 jQuery在html有效在jsp无效的原因及解决方法

Posted 2022-07-20 知

篇首语：运气就是机会碰巧撞到了你的努力。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jQuery在html有效在jsp无效的原因及解决方法相关的知识，希望对你有一定的参考价值。

jQuery在html有效在jsp无效的原因及解决方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

最近用jQuery来写下拉框的选项值的左右移动放到jsp里面就不能用了经过测试终于找到了解决方法在此与大家分享下

　　最近用jQuery来写下拉框的选项值的左右移动代码如下

复制代码代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " < xmlns=" <head> <meta equiv="Content Type" content="text/; charset=utf " /> <title>无标题文档</title> <script type=text/javascript src= /js/jquery js></script> <script type=text/javascript> $(function() $("input") hover(function() $(this) val("") function() $(this) val(this defaultValue) ) ) jQuery(function() //左侧加到右侧 jQuery("#add") click(function()$("#select option:selected") appendTo("#select ")) //右侧加到左边 jQuery("#remove") click(function()$("#select option:selected") appendTo("#select ")) //全部加到右边 jQuery("#add_all") click(function()$("#select option") appendTo("#select ")) //全部移动左边 $("#remove_all") click(function()$("#select option") appendTo("#select ")) //双击加到右边 $("#select ") dblclick(function()$("option:selected" this) appendTo("#select ")) //双击移动左边 $("#select ") dblclick(function()$("option:selected" this) appendTo("#select ")) ) function len() var sel = document getElementById("select "); alert(sel length); </script> <style type=text/css> * margin: ; padding: ; input color:#ccc; div centent float:left; text align: center; margin: px; span display:block; margin: px px; padding: px px; background:# ; cursor:pointer; font size: px; color:white; </style> </head> <body> <input type=text value="aaaaa" /><br /> <div > <select multiple="multiple" id="select " > <option value=" ">选项 </option> <option value=" ">选项 </option> <option value=" ">选项 </option> <option value=" ">选项 </option> <option value=" ">选项 </option> <option value=" ">选项 </option> <option value=" ">选项 </option> </select> <div> <img id="add" src= /img/content/arrowRight_disabled gif width= height= border= /> <span id="add_all" >全部添加到右边>></span> </div> </div> <div > <select multiple="multiple" id="select " > <option value=" ">选项 </option> </select> <div> <img id="remove" src= /img/content/arrowLeft_disabled gif height= border= /> <span id="remove_all"><<全部删除到左边</span> </div> </div> <input name=sub type=submit onClick="len()" value="提交" /> </body> </> cha138/Article/program/Java/JSP/201311/20494