jquery转到表单提交的URL,并将字段值添加到url字符串

tbw*_*wcf 4 string url jquery params

我对jquery相当新,我认为这很简单,但我很挣扎,谷歌似乎没有帮助....

我所拥有的是基本形式......

<form>
First Name: < input type="text" name="firstName" id="firstName" />
Surname: < input type="text" name="surname" id="surname" />
<input type="submit" id="submit" value="submit"/>
</form>
Run Code Online (Sandbox Code Playgroud)

现在,当点击提交时,我想转到一个网址但是然后将froms值添加到url字符串(但不使用表单方法= get)基本上我希望这发生

点击提交转到 http://myurl.com/index.html?params=firstNamevalue*surnamevalue

我一直在用jquery进行攻击,但是我最喜欢的就是这样......

< script src="http://www.google.com/jsapi" type="text/javascript">< /script>
< script type="text/javascript">
    google.load("jquery", "1.3.1");
</script>

< script type="text/javascript">

var = firstName $("#firstName").val();
var = surname $("#surname").val();


$('#submit').click(function(){
  window.location = ???;
}); 
< /script>
Run Code Online (Sandbox Code Playgroud)

希望我一直很清楚 - 我非常感谢任何帮助!

安迪

Ale*_*ton 11

jQuery序列化可能有助于像你描述的那样简单:

$('#form').submit(function(){
  location.href = 'index.html'+$(this).serialize();
});
Run Code Online (Sandbox Code Playgroud)