javascript - 提交表单后如何保留下拉选择的值？

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>