Изменение строки запроса перед отправкой формы

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> 

Перед отправкой формы, я хочу, чтобы изменить URL из /detailVal?cId=1&sId=2&pKey=3 в /detailVal/cId/1/sId=2/pKey/

Answer 1

Существует не какая-либо логика построения 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> 

Answer 2

Вы можете попробовать onsubmit функцию.