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>

如何在表单提交后保留下拉选定的值？

1 个答案: