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

【问题标题】：how to retain drop down selected values after form submitted?提交表单后如何保留下拉选择的值？
【发布时间】：2023-03-14 16:58:02
【问题描述】：

表单提交后如何保留下拉选择的值？我有一个通过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>

【问题讨论】：

标签： javascript jquery html drop-down-menu option

【解决方案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>

【讨论】：

刷新或重新加载表单页面后，如果页面重新加载，我想要返回在提交表单之前选择的下拉值
@FarhanDharsi 我明白了......提交页面上有什么吗？您的问题中没有form action。
我在下拉菜单中使用了 onchange="this.form.submit();