网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 提交按钮的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 的错误
    小伙伴们了解了没,希望本文能给大家一些帮助
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 13:02:15