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

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; 
}); 

工作的例子，执行一个无形的谷歌搜索： 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

我不确定你在使用什么，但几乎所有我知道的框架都可以传递参数作为url的一部分。

这些工作正常。

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

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