提交按钮的name='submit'引起的js失效问题及原因_Javascript教程-查字典教程网
提交按钮的name='submit'引起的js失效问题及原因
提交按钮的name='submit'引起的js失效问题及原因
发布时间:2016-12-30 来源:查字典编辑
摘要:代码如下:复制代码代码如下:Inserttitlehere商品名称:是否付款:请选择已付款未付款每页显示5102050条共6条记录第页/共1...

代码如下:

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta 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>

<>

<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 的错误

小伙伴们了解了没,希望本文能给大家一些帮助

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类