php - 如何在javascript中获取表单元素值并使用这些值创建一个url

Question

例如我有一个表单:

<form name='myform' id='myformid'>

  <input type='text' name='name' id='name'>
  <input type='text' name='color' id='color'>
  <input type='text' name='made' id='made'>

  <input type='submit' name='submit'>

</form>

现在我想在上面的表单提交上调用一个 javascript 函数。此函数将获取所有表单元素值并创建要重定向的 URL。

例如:

example.com/search.php?name=toyota&color=white&made=abc

如何创建这个 JS 函数？

谢谢

Answer 1

function getValues(){
  var form = document.getElementById('myformid');
  var url  = 'example.com/search.php?';

  for(var i=0; i<form.elements.length; i++) {
     var element = form.elements[i];
     //url += (i>0 ? '&' : '') + element.name + '=' + element.value;
     //UPDATE
     url += (i>0 ? '&' : '') + encodeURIComponent(element.name) + '=' + encodeURIComponent(element.value);
  }
  return url;
}