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

本文转载自查看原文 2018-02-01 20:20 18363 js

在提交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>

原文连接：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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 form表单提交时，action怎么带参数 (教训) form表单提交时，action url中参数无效 (教训) form表单提交时，action url中参数无效【教训】 form表单提交时，action url中参数无效 form表单Get方式提交时,action中带参数传递不了 form表单以get方式提交时action中?后面的参数部分不生效 form提交表单时，action携带参数（form跳转页面时在url中拼接字符串） Form 表单提交参数 form表单提交参数封装 restTemplate提交form表单参数