html中a连接触发表单提交-白红宇

html中a连接触发表单提交

阅读量：6089 次

发布时间：2019-06-20

本文共 709 字，大约阅读时间需要 2 分钟。


    
     
      test
      
       aaaaaa1
       
       
        aaaaaa2
        
        
         aaaaaa3
         
         
              
              
              
              
          
          
           function add(key,value){    document.getElementById(key).value = value;    document.getElementById("argform").submit();    //document.argform.submit();    //document.getElementById("argsubmit").click();}

‍‍‍‍注意：

①a连接中的href属性不能为空，不能为URL地址（为空相当于URL是本脚本的URL地址），这样会先提交到form表单中的action,再跳转到a标签中指定的地址，即使a标签中的超链接地址和form表单中的URL地址相同，也不能得到form表单的值‍‍‍‍‍‍‍‍

（我猜是）因为这相当于两次进入该页面：第一个是通过form跳转进入，第二个是通过a标签跳转。第二次的跳转将post清空了所以得不到值

②虽然form表单的提交是通过js触发的，但是form标签中也必须有<input type = "submit" .... />

③js触发提交有两种方法：触发form的submit();事件 || 触发提交按钮（submit）的click();事件。两个都可以我试过了

‍‍‍‍‍‍‍‍‍‍‍‍

转载于:https://my.oschina.net/zyxchuxin/blog/494137

你可能感兴趣的文章