标题 | 提交按钮的name='submit'引起的js失效问题及原因 |
范文 | 这篇文章主要介绍了提交按钮的name='submit'引起的js失效问题及原因,需要的朋友可以参考下 代码如下: <html xmlns=" http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> <link type="text/css" rel="stylesheet" href="css/style.css"> </head> <body> <form id="pquery" method="post" action="supplierAction!list.action"> <div> 商品名称: <input name="bill.goodsname" type="text"> 是否付款: <select name="bill.pay"> <option value=""> 请选择 </option> <option value="01"> 已付款 </option> <option value="02"> 未付款 </option> </select> <!--就是因为下面这个按钮的名称叫做submit导致js失效--> <input name="submit" value="组合查询" type="submit"> </div> <div>每页显示 <select name="page.pageItems" onchange="gotoSelectedPage1()"> <option value="5">5</option> <option value="10" selected="selected">10</option> <option value="20">20</option> <option value="50">50</option> </select>条 共6条记录 第 <input id="curpage" name="page.currentPage" readonly="readonly" value="1" size="3"> 页 / 共1页 <a href="javascript:page_first();">第一页</a> <a href="javascript:page_last();">最后一页</a> 跳转页码至: <select id="selectpage" onchange="gotoSelectedPage()"> <option value="1" selected="selected">1</option></select></div> <script type="text/javascript"> function sel(val){return document.getElementById(val);} var page=sel('curpage');var form=sel('pquery');var select=sel('selectpage'); function page_first() {page.value = 1;form.submit();} function page_pre() {var a = page.value;a = parseInt(a) - 1;page.value = a;page_validate();form.submit();} function page_next() {var a = page.value;a = parseInt(a) + 1;page.value = a;page_validate();form.submit();} function page_last() {page.value = 1;form.submit();} function page_validate() {var a = page.value;if (a < 1){a = 1;} if (a > 1){a = 1;}page.value = a;} function gotoSelectedPage1() {page.value = 1;form.submit();} function gotoSelectedPage() {page.value = select.value;form.submit();} </script> </div> </form> </body></html> name属性删除之后正常运行~~这是什么原因呢,经过一番研究和咨询,一位大神给出了答案 form中元素通过name获取。如果name=submit,那么form.submit得到的应该是 那个input 。所以form.submit()会报 is not a finction 的错误 小伙伴们了解了没,希望本文能给大家一些帮助 |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。