CODEWITHSUNDEEP
javascripthtmljquerydrop-down-menuhtml-select
user2164884
user2164884

Reputation:

how to retain drop down selected values after form submitted?

how to retain drop down selected values after form submitted? i have a form which is submit via onchange but problem is that when i select value from drop down then form is submitted but drop down values struck on Select Option

Javascript

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

Drop Down Select

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

Upvotes: 1

Views: 8785

Answers (1)

Alfred Xing
Alfred Xing

Reputation: 4632

You want to run getdropdownvalue(); before submitting the form:

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

To make sure the drop-down value is retained, submit the form to an invisible iframe. This allows the form to be submitted without refreshing the page:

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

Upvotes: 1

Related Questions