如何附加到使用jQuery的表单提交创建的超链接？

Question

我在窗体中有一组下拉菜单。每个下拉菜单向URL添加一个变量，例如:(？year = 2010 & position = C），年份和位置是不同的下拉菜单。

在提交此表单时，我正在追加一个未包含在表单中的附加变量。即（& location =/123/abc）

我正在寻找使用jQuery来完成此操作。我目前在页面上添加链接，但不知道如何附加到表单提交创建的href。任何援助将不胜感激。

这是形式的开始

<form id="SimpleForm" name="SimpleForm" action="/club/app" method="post"> 

这是提交按钮

<input type="submit" value="Go"> 

Answer 1

2种方式，我可以看到：

1）创建一个隐藏的控制称为位置与您需要的值

2）使用jquery手动构建查询字符串并发布形式。

我怀疑前者对你来说更容易。

Answer 2

添加一个隐藏的输入字段为每个你想添加对：

$("#SimpleForm").submit(function(e){ 
    // for each key/value pair: 
    $(this) 
     .append($("<input />").attr({"type":"hidden", "name":"keyA"}).val("value 1")) 
     .append($("<input />").attr({"type":"hidden", "name":"keyB"}).val("value 2")); 

    alert($(this).html()); 
}); 

看到一个工作演示：http://jsfiddle.net/roberkules/6gHhR/

Answer 3

请问jQuery的岗位工作？ 您可以设置该动作将在网址结尾的URL。

http://api.jquery.com/jQuery.post/ 或发现这篇文章是关于改变jquery的动作。 http://groups.google.com/group/jquery-en/browse_thread/thread/1277764ec2bdc711?pli=1