$ _GET没有使用javascript更新网站

时间:2013-07-17 08:15:06

标签: php javascript html

所以我的表格设置为倍数'select'和选项如下:

<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中是可能的,但我不确定如何和我在谷歌上找到任何结果。

2 个答案:

答案 0 :(得分: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;
});

答案 1 :(得分:0)

在jQuery中,有序列化函数可以让你这样做。如果您愿意,可以尝试使用此代码:

$('form').click(function() {
    parameter = $(this).serialize()
    alert(window.location.pathname + parameter)
})