如何將輸入字段值作爲URL查詢字符串傳遞，點擊提交按鈕後將打開該字符串？

我必須輸入字段這樣如何將輸入字段值作爲URL查詢字符串傳遞，點擊提交按鈕後將打開該字符串？

<form> 
    <input type="text" id="keyword" placeholder="XXX"> 
    <input type="text" id="state" placeholder="XXX"> 
    <button type="submit" id="submit">Submit</button> 
</form>

上的點擊提交我想送他們到一個新的頁面追加到查詢字符串的URL輸入的值。

http://www.link.com/page?keyword=XYXYX&state=XZXX

這裏是我開始思考，但想.serialize()可以處理這個問題比這個example

var keywordVal = $("#keyword").val(); 
    var stateVal = $("#state").val(); 

    $("form").on("submit", function() { 
    event.preventDefault(); 
    location.href='http://www.link.com/page?keyword=' + keywordVal + '&state=' + stateVal 
    });

更好地讓我知道，如果我接近它的正確方法..

來源

2015-05-14 nolawi petros

將'method =「get」'，'action =「page」'和一個'target'屬性添加到您的表單中，並且您不需要JavaScript ...（並且因此將不太可能獲得陷入任何彈出式窗口攔截器。） – CBroe

你不」不需要JavaScript來做到這一點。

只需在URL中添加一個action屬性並將method屬性設置爲GET（這會將指定的字段值附加爲查詢字符串）。

<form action="<yourURL>" method="GET"> 
    <input type="text" id="keyword" name="keyword" placeholder="XXX"> 
    <input type="text" id="state" name="state" placeholder="XXX"> 
    <button type="submit" id="submit">Submit</button> 
</form>

注意：你需要在你的領域name屬性。

小提琴：http://jsfiddle.net/pjh7wkj4/

來源

2015-05-14 15:39:43

太棒了！我不知道你可以做到這一點！ –

無需任何的jQuery/JavaScript來做到這一點，形式標籤提供這些功能。添加動作和方法（GET）屬性會給你所期望的結果。

<form action="<target_url>" method="GET"> 
    <input type="text" id="keyword" name="keyword" placeholder="XXX"> 
    <input type="text" id="state" name="state" placeholder="XXX"> 
    <button type="submit" id="submit">Submit</button> 
</form>

來源

2015-05-14 15:48:05

如何將輸入字段值作爲URL查詢字符串傳遞，點擊提交按鈕後將打開該字符串？

回答

相關問題