2013-08-06 81 views
0

是否可以通過其他形式的先前選擇的選項來設置表單的選定選項?如何根據以前表單的選擇將選擇表單設置爲選項?

選擇選項是這樣的,在這裏選擇60x60。

<select id="pa_afmetingen-vierkant" name="attribute_pa_afmetingen-vierkant"> 
    <option value="">Kies een optie…</option> 
    <option value="m001">40x40</option> 
    <option value="m002">50x50</option> 
    <option selected="selected" value="m003">60x60</option> 
    <option value="m004">70x70</option> 
    <option value="m005">80x80</option> 
    <option value="m006">100x100</option> 
    <option value="m007">125x125</option> 
    <option value="m008">150X150</option> 
</select> 

這種形式得到發送到一個新的頁面,在此新頁面上有這樣的形式完全相同的副本,我想這個重複的形式有選擇如前面的頁面中選擇相同的選項。

我最好的選擇是將選項存儲在變量中,並通過javascript選擇與存儲的變量相匹配的選項。

的形式通過POST

提交我真的不知道用什麼樣的變量,也沒有如何定位的選項。 需要jquery的解決方案不是問題。

親切的問候,

+0

是通過GET還是POST提交的表單? – closure

+0

它通過POST提交 – user25312

+1

您將需要使用服務器上收到的名稱=值對。尋找attribute_pa_afmetingen-vierkant。使用收到的值設置'selected = selected' – closure

回答

0

有幾種實現方法。

一個解決方案可能是您在JS中獲得選定的選項並將其傳遞給像http://www.myurl.com?selectedOption=3這樣的url。然後在其他頁面上,您可以選擇該選項並觸發選擇菜單以選擇該值。

獲取所選選項的值

var selectedOption = $('#pa_afmetingen-vierkant option:selected').attr('value'); 

檢索URL

Refere Here

組選定的選項選進新選擇菜單選項的值

$('#pa_afmetingen-vierkant-NEW option[value='+ selectedOption +']').prop('selected', true); 

另一種解決方案可能是您暫時將selectedOption存儲在localStorage中,然後從那裏刪除它。