當提交表單時，在URL中傳遞無值的鍵值

當提交我的形式，我想的URL與此類似www.differentdomain.com/aa00/bb00而不是www.differentdomain.com/?q1=aa00 & Q2 = bb00

這裏是我的html代碼：

<form action="https://differentdomain.com/" id="myform" class="fs-form fs-form-full" autocomplete="off"> 
<input class="fs-anim-lower" id="q1" type="text" placeholder="aa00" required/> 
<input class="fs-anim-lower" id="q2" type="text" placeholder="bb00" required/>   
<button id="submit" class="fs-submit" type="submit">see result</button> 
</form>

來源

2017-02-06 Jony S

什麼是你的問題？你會得到什麼錯誤？請訪問幫助中心並參加[此遊覽]（http://stackoverflow.com/tour），瞭解要問什麼以及如何。 –

我得到的網址爲www.differentdomain.com/?q1=aa00&q2=bb00 –

_我得到的網址爲www.differentdomain.com/?q1=aa00&q2=bb00_再次：**你的問題是什麼？** –

簡單的解決辦法是每隔其字段更改時間來改變形式的行動：

document.querySelector('#myform').addEventListener('input', function() { 
    this.action = this.q1.value + '/' + this.q2.value 
})

來源

2017-02-06 13:50:12 dfsq

如果我理解正確的問題，你可以使用jQuery做這樣的事情：

$('form#myform').submit(function (e) { 
    e.preventDefault(); 

    var urlData = ''; 
    // order is very important so that you can recognize each value 
    urlData += '/' + $(this).find('#q1').val(); 
    urlData += '/' + $(this).find('#q2').val(); 

    $.get(domain + urlData, function (data) { alert('success'); }); 
});

希望幫助

來源

2017-02-06 12:42:48 smarber

讓我試試這個 –

它使ajax請求，而不是異步提交，在他的例子中使用op。 – dfsq

當提交表單時，在URL中傳遞無值的鍵值

回答

相關問題