在没有表单的情况下将值传递到下一页

Question

我有一个正在构建的页面，我需要将选项下拉列表的值传递到下一页。问题是这些下拉列表不是一种形式。

  

http://posnation.com/test/pre_config/pre_config_step_2.html

基本上我需要传递给下一页的是当我点击“继续下一步”时，我需要传递“餐馆”字段类型的值和用户“2”的站点数量选择餐厅和2。

Answer 1

HTML：

<a id="proceed" href="foo.html">Proceed!</a>

JS：

$('#proceed').click(function() {
    location.href = this.href +'?someVal='+ escape($('#my_select').val());
    return false;
});

执行无形式Google搜索的工作示例：http://jsfiddle.net/CKcbU/

您基本上只需使用javascript将您想要的内容添加到查询字符串中。

但实际上，如果可能的话，你应该使用一个带有method="get"的表单，这对你来说几乎没有任何JavaScript。

Answer 2

使用查询字符串。

http://posnation.com/test/pre_config/pre_config_step_2.html?restaurant=The+Eatery&stations=2

换句话说，在调用下一页时将它们作为URL的一部分传递。下一页将负责读取查询字符串并提取值。

http://en.wikipedia.org/wiki/Query_string

我不知道您使用什么代码进行编码，因此我无法详细说明构造URL或从接收页面上的查询字符串中解析出值的机制。

以下是使用JavaScript执行此操作的文章：

http://javascript.about.com/library/blqs.htm

Answer 3

您可以使用JavaScript。使用“继续”按钮分配onclick事件并调用函数。在此功能中使用：

windows.location=url?rest=valuerest&opt=valueopt

Answer 4

我不确定你在使用什么，但几乎任何我认识的框架都可以将参数作为网址的一部分传递。

这些工作正常。

http://posnation.com/test/pre_config/step_2
http://posnation.com/test/pre_config/step_3

然后，只需抓住参数并做出相应的反应。