关于将超链接a在表单form提交的方式?
以下仅供个人开发心得~~~
以下为名称为“form1”的表单,注意事项*:
正确写法:
???????????? <a href="javascript:pre_page('${tabIndex }');" ><<上一页</a>
错误写法:
???????????? <a href="" onclick="pre_page('${tabIndex }');" ><<上一页</a>
?
<form name="form1" action="" method="post">
??????? <a href="javascript:pre_page('${tabIndex }');" ><<上一页</a>
??????? <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=1" >下一页>></a>
??????? ? <input type="hidden" name="pageNow" id="pageNow" value="${pageNow }"/>
?????? ? <input type="hidden" name="totalPages" id="totalPages"? value="${totalPages }"/>
?????? </form>
?
?以下为所调用的两个JS函数pre_page()与next_page():
function pre_page(tabIndex){
??var pageNow=document.getElementById("pageNow").value;
??pageNow=parseInt(pageNow)-1;
??if (pageNow<1){
??? pageNow=1;
??}
??document.form1.action="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex="+tabIndex+"&pageNow="+pageNow;
??document.form1.submit();
?
}
?
?function next_page(tabIndex){
??var pageNow=document.getElementById("pageNow").value;
??var totalPages=document.getElementById("totalPages").value;
??pageNow=parseInt(pageNow)+1;
??if (pageNow>totalPages){
??? pageNow=totalPages;
??}
??document.form1.action="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex="+tabIndex+"&pageNow="+pageNow;
??document.form1.submit();
?}
?
在上面的next_page()函数中,document.getElementById("pageNow").value;
得到的是一个字符型的值,必须使用parseInt(pageNow)将其转换为想要的整型数值,否则pageNow=pageNow+1的话便会连接成为一个字符串,如:pageNow为1,再加1的话值为'11',并不会得到想要的结果,故使用JS内置函数parseInt。