form表单提交时，action怎么带多个参数

最新推荐文章于 2022-01-20 16:33:01 发布

转载最新推荐文章于 2022-01-20 16:33:01 发布 · 6.5k 阅读

13 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/weixin_40279966/article/details/79154976

文章标签：

#form表单提交时，action怎么带多个参数

前端问题专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态修改表单action属性，实现特定URL参数拼接的技巧，解决直接提交表单无法携带额外参数的问题。通过重定向方法，可在每次提交时构造新的URL，适用于需要动态生成请求地址的场景。

在提交form表单的时候，action 不填就默认为提交到当前的页面。今天遇到的当前页面是已经带了参数了，比如:www.xxx.com/index.php?id=1，按照action留空的方法来提交，就不能提交到这个带参数的url了，也不能到把表单中的直拼接在uri后面。那怎么办呢，可以用js的方法拼接好在submit

 <body>
     <form action="ss.do?"  method="get">
         <input type="text" id ="input"/>
         <input type="button" value="提交" onClick="test()">
     </form >
 </body>
 <script>
     function test(){
         var f = document.getElementsByTagName("form")[0];
         f.action=f.action+"id="+document.getElementById("input").value;
         alert(f.action);
     }
 </script>12345678910111213

原文连接：http://zhidao.baidu.com/question/465627004.html

这种方法在每次提交的时候，会一直拼接uri，在我的项目上用不了，不过给了我启发，那就是js中重定向，代码如下:

<form action="" method="get">
    <input type='text' name='gid'/>
    <input type='text' name='type'/>
    <input type="button" value="搜索" onClick="tpformsubmit()">
</form>
<script>
    function tpformsubmit(){
        var gid = $('input[name=gid]').val();
        var type = $('input[name=type]').val();
        url = '/index/web?style=tp&gid='+gid+'&type='+type;
        window.location.href = url;
    }
</script>