解决谷歌chrome浏览器用JS提交表单失败问题

时间:2024-03-11 15:46:05
  1. <form id="myForm">  
  2.   
  3. ...  
  4.   
  5. </form>  
  6.   
  7.   
  8. <a href="javascript:doSubmit()">提交</a> 

  1. function doSubmit() {  
  2.   
  3.     document.getElementById(\'myForm\').submit();  
  4.   
  5. }  
在谷歌浏览下试图想用<A>标签来提交form表单,但是行不通。
解决方法是在form里面添加一个隐藏的submit按钮,点击a标签的时候执行submit按钮的click方法。
  1. <form id="myForm">  
  2.   
  3. ...  
  4.   
  5. <input type="submit" id="submitBtn" style="display: none;">  
  6. </form> 
  1. function doSubmit() {  
  2.   
  3.     document.getElementById("submitBtn").click();  
  4.   
  5. }