`
jiangjingxiaoxuan
  • 浏览: 33533 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

关于将超链接a在表单form提交的方式?

阅读更多

以下仅供个人开发心得~~~

以下为名称为“form1”的表单,注意事项*:

正确写法:

             <a href="javascript:pre_page('${tabIndex }');" class="normal" >&lt;&lt;上一页</a>

错误写法:

             <a href="" class="normal" onclick="pre_page('${tabIndex }');" >&lt;&lt;上一页</a>

 

<form name="form1" action="" method="post">
        <a href="javascript:pre_page('${tabIndex }');" class="normal" >&lt;&lt;上一页</a>&nbsp;&nbsp;
        <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=1" class="current">1</a>&nbsp;&nbsp;
        <a href="<%=App.webUrl%>/magazine/magazineAction_index.so?tabIndex=${tabIndex }&pageNow=2" class="normal">2</a>&nbsp;&nbsp;
        <a href="javascript:next_page('${tabIndex }')" class="normal" >下一页&gt;&gt;</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

分享到:
评论
2 楼 jiangjingxiaoxuan 2011-09-21  
gnnan 写道
在pre_page()函数里面没有用parseInt()

呵呵,在next_pate()函数中用了parseInt(),在pre_page()函数中忘贴进去了,谢谢提醒~~~
1 楼 gnnan 2011-09-20  
在pre_page()函数里面没有用parseInt()

相关推荐

Global site tag (gtag.js) - Google Analytics