0

所以我有一个设置了多个“选择”和选项的表单，如下所示：

<form>

<select name="box1">
    <option value="1">1</option>
    <option value="2">2 </option>
    <option value="3">3</option>        
</select>

<select name="box2">
    <option value="a">a</option>
    <option value="b">b </option>
    <option value="c">c</option>        
</select>

<input type="submit">
</form>

我想检索通常在您按下提交按钮时会创建的链接，但不刷新浏览器，这样我就可以让用户复制该链接并将其发送给其他人，这样他们就可以看到他们选择了哪些选项。

我认为这在 javascript 中是可能的，但我不确定如何并且我无法在谷歌上找到任何结果。

4

2 回答 2

2

我在这里创建了一个小提琴：http: //jsfiddle.net/wgtVC/1

我正在使用 jQuery 和serialize()表单功能。这将创建 url 的查询字符串部分。

然后，您可以使用它附加到表单应该发布到的 URL。

这是上面链接中的代码：

$('form').submit(function(){
    // get the serialized form
    alert($(this).serialize()); // "box1=1&box2=a"

    // append to a string which is the link the form posts to
    link = "http://link.to/my/website";
    alert(link+"?"+$(this).serialize()); // "http://link.to/my/website?box1=1&box2=a"

    return false;
});
于 2013-07-17T08:20:16.690 回答
0

在 jQuery 中，有允许您执行此操作的序列化函数。如果你愿意，你可以试试这个代码：

$('form').click(function() {
    parameter = $(this).serialize()
    alert(window.location.pathname + parameter)
})
于 2013-07-17T08:22:07.540 回答