Question

我想在提交表单之前修改URL查询字符串。我的表格如下：

 <form name="sampleForm" id="sampleForm" method="get" action="/detailVal" style="display:inline">
            <input type="hidden" name="cId" value="${lId}"/>
            <input type="hidden" name="sId" value="${sId}"/>
            <input type="hidden" name="pKey" value="${pKey}"/>

    onclick="return resetPage('sampleForm',)"><img height="40" width="30" src="/img/next123.png"/></a>

    </form>

    <script type="text/javascript">
    function resetPage(formName) {
         var thisForm = doc
       }    
    </script>

在提交表单之前，我想更改/detailVal?cId=1&sId=2&pKey=3的网址到/detailVal/cId/1/sId=2/pKey/

Answer 1

您可以尝试onsubmit功能。

Answer 2

似乎没有任何关于如何构建url的逻辑，所以只是传递带有从元素插入的值的字符串可能是你想要做的，然后只是阻止表单提交和重定向到那个网址：

<script type="text/javascript">
    function resetPage(formName) {
         var thisForm = doc
       }    

    $(function() {
        $('#sampleForm').on('submit', function(e) {
            e.preventDefault();
            var cId = $('[name="cId"]').val(),
                sId = $('[name="sId"]').val();

            window.location.href = '/detailval/cid/'+cid+'/sid='+sId+'/pKey/';
        });
    });
</script>

在提交表单之前修改查询字符串

2 个答案: