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

发布于 2024-11-15 17:05:58 字数 426 浏览 0 评论 0原文

我在表单中有一组下拉菜单。每个下拉菜单都会向 URL 添加一个变量，即：(?year=2010&position=C)，其中年份和位置是不同的下拉菜单。

提交此表单后，我希望附加一个未包含在表单中的附加变量。 ie(&location=/123/abc)

我希望使用 jQuery 来完成此任务。我当前正在页面上附加链接，但不知道如何附加到表单提交创建的 href。任何帮助将不胜感激。

这是表单的开头

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

这是提交按钮

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

原文

I have a group of drop-downs in a form. Each drop down adds a variable to a URL ie:(?year=2010&position=C) with year and position being different drop-downs.

On submission of this form I am looking to append an additional variable that is not included in the form. ie(&location=/123/abc)

I am looking to accomplish this using jQuery. I am currently appending links on a page, but have no idea how to append to the href created by the form submission. Any assistance would be greatly appreciated.

This is the beginning of the form

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

This is the submission button

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤独患者 2024-11-22 17:05:58

我可以看到两种方法：

1）使用您需要的值创建一个名为 location 的隐藏控件

2）使用 jquery 手动构造查询字符串并发布表单。

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

回复收藏 0 原文

十二 2024-11-22 17:05:58

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

$("#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/rorkules /6gHhR/

add a hidden input field for each pair you wanna add:

$("#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());
});

see a working demo: http://jsfiddle.net/roberkules/6gHhR/

回复收藏 0 原文