將值傳遞到沒有表單的下一頁

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 

然後，只需抓住參數並作出相應的反應。