私はこのような形式を持つGETメソッドのフォーム

Question

でカスタムURLを作成します。

<form method="get" id='searchform' action="http://example.com/search"> 
<select name="a[]" multipile> 
    <option value="car volvo">Volvo</option> 
    <option value="saab">Saab</option> 
<select> 
</form> 
<select name="b[]" multipile> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
<select> 
<input type="number" name="range[]" min="1" max="5"> 
<button type="submit">search</button> 
</form> 

私はこのURLをしたい：

http://example.com/search?a=car+volvo+OR+saab&b=opel+audi&range=1..5 

私は、サーバーにポストしてフォームを送信した後、新しいURLを作成することができます私のカスタムurl（php）でそれを新しいページ（私のカスタムurlで）にリダイレクトします。

しかし、私はHTMLだけでそれを行うことができます（またはJavaScript？）それはあなたのrecommentを行う？）

Answer 1

あなたはjQueryのserializeメソッドを使用していることを行うことができます。

var formData = $("#searchform").serialize(): 
var url = "http://myurl?"+formData; 

しかし、作成しようとしているものを得るには、入力配列の名前を入力配列の名前に変更する必要があります。

Answer 2

あなたは、静的なHTMLページを使用して、フォームデータを提出するには、次のメソッドを使用することができます。

$(document).ready(function(){ 
$("#html_form").submit(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
    type : "post", 
    url : "test2.php", 
    data : $(this).serialize(), 
    encode : true 
    }).done(function(data){ 
    console.log(data); 
    }); 
}); 
}); 

このステップはまた、詳細hereに記載されています。