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

表单提交后如何保留下拉选择的值？我有一个表单是通过

onchange

提交的，但问题是当我从下拉列表中选择值时，表单被提交，但下拉列表中的值被点击

select选项

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>

函数getdropdownvalue（）{
var e=document.getElementById（“大小”）；
var strUser=e.options[e.selectedIndex].value；
}

下拉选择

<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>

挑选
小的
中等
大的
特大号

您想运行

getdropdownvalue（）提交表单之前：


要确保保留下拉值，请将表单提交到不可见的
iframe
。这允许在不刷新页面的情况下提交表单：

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

。。。
您想运行
getdropdownvalue（）提交表单之前：


要确保保留下拉值，请将表单提交到不可见的
iframe
。这允许在不刷新页面的情况下提交表单：

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

。。。
表单页面刷新或重新加载后，我希望如果页面重新加载，那么我希望返回在提交之前选择的下拉列表值form@FarhanDharsi我懂了。。。提交页面上有什么内容吗？问题中没有
表单操作
。我使用了onchange=“this.form.submit（）；在下拉列表中，表单页面刷新或重新加载后，我希望如果页面重新加载，则我希望返回在提交之前选择的下拉列表值form@FarhanDharsi我明白了……提交页面上有什么内容吗？问题中没有
表单操作
。我使用了onchange=“this.form.submit（）；下拉列表