Restore dropdown selected option on page refresh?

Question

I have a form like this,

<html>
<body>
<form>
<select name="alphabets" id="alphabets">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D" selected="selected">D</option>
</select>
</form>
</body>
</html>

When I pull the page the first time, option D is selected. If I select option A from the dropdown, and then do a page refresh, I want the dropdown option to go back to D. On page refresh, I want everything to go back to it's initial state. But the dropdown displays option A, or whatever was previously selected.

Any idea how can I make the page display option D on page refresh?

Thanks.

Are you refreshing in Firefox? It is the only browser I've ever worked in that kept form data on page refresh. http://stackoverflow.com/questions/1479233/why-doesnt-firefox-show-the-correct-default-select-option — TheZ, Jul 10 '12 at 22:55
Have you tried the following in a document ready handler (or in a script block that appears after your select): `$("#alphabets").val("D")` — nnnnnn, Jul 10 '12 at 22:56

score 5 · Accepted Answer · answered Jul 10 '12 at 23:01

5

Place the following in a script tag on your page.

 $(function(){
      $('#alphabets option[value="D"]').attr('selected', true);
 });

answered Jul 10 '12 at 23:01

Fresheyeball

29,567
20
102
164

Placing this in $(window).on('load', function() {}); helped me. – ForTheWin Sep 11 '19 at 22:30

score 0 · Answer 2 · answered Jul 10 '12 at 23:06

$(document).ready(function() {
    $("#alphabets").val(localStorage.alphabets);
});

$("#alphabets").change(function() {
    localStorage.alphabets = $(this).val();
});

I think this will work (only in browsers that support localStorage) but I haven't tested it.

score 0 · Answer 3 · answered Oct 25 '19 at 09:25

0

This is a 'feature' with Firefox remembering selection on select lists.

Add autocomplete="off" to the <select> tag.

answered Oct 25 '19 at 09:25

IlludiumPu36

4,196
10
61
100

Restore dropdown selected option on page refresh?

3 Answers3