Question

我有一个这样的表格：

<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>

我想要这个网址：

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

我可以通过邮寄方式发送到服务器，然后使用我的自定义网址（使用php）创建新网址，然后将其重定向到新网页（使用我的自定义网址）。

但我可以只使用HTML（或javascript吗？）做你的推荐吗？）

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。

在GET方法表单中创建自定义URL

2 个答案: