如何在表單提交後保留下拉選定的值？

Question

如何在表單提交後保留下拉選定的值？我有一個形式，它是通過onchange但問題提交是，當我選擇從下拉，然後提交表單值，但下拉值在Select Option

來襲的Javascript

<script> 
function getdropdownvalue(){ 
var e = document.getElementById("size"); 
var strUser = e.options[e.selectedIndex].value; 
} 
</script> 

下拉菜單中選擇

<form name="size" id="size"> 
<select style="background-color:#CCC" name="size[]" 
id="size" onchange="this.form.submit();getdropdownvalue();" > 
<option value="">Select</option> 
<option value="Small">Small</option> 
<option value="Medium">Medium</option> 
<option value="Large">Large</option> 
<option value="XL">XL</option> 
</select></form> 

Answer 1

你想提交表單之前運行getdropdownvalue();：

<select style="background-color:#CCC" name="size[]" id="size" onchange="getdropdownvalue();this.form.submit();" >

要確保下拉值被保留，提交表單到一個無形的iframe。這使得無需刷新頁面提交表單：

表單頁面

<form target="invisible">...</form> 
<iframe name="invisible" style="display: none"></iframe>