onclick javascript doesn't fully refresh form with select option on firefox

Question

I have a form that has a refresh button that uses this code:

<button type="button" onClick="window.location.reload();return false;" style="height:33px; width:50px;">
 <img src="../css/images/restart_25.png" />
</button>

and i've also used this:

onClick="window.location.reload()"

On all other broswers, this button refreshes the entire page, and with the first select set back to <option value="">Select Category</option>

On firefox the page refresh, but the Category Select remains what it was previously selected, for example Test.

Before Refresh on Firefox:

enter image description here

After Refresh Button Clicked on Firefox:

enter image description here

After Refresh Button Clicked on all other browsers:

http://puu.sh/6AtSQ.png

I'm not sure if it matters but, this category select is attached to ajax code which searches for the selection picked by the user and outputs the next selection of options, if the code is needed, i will display it.

Why does Firefox not refresh the entire form and all other browsers do? Thank you.

You could try something like the [solution here](http://stackoverflow.com/questions/2486474/preventing-firefox-from-remembering-the-input-value-on-refresh-with-meta-tag): which uses autocomplete=off to prevent firefox from doing this with inputs, not sure if it does it for selects though. — Patrick Evans, Jan 27 '14 at 21:27

score 1 · Answer 1 · answered Jan 27 '14 at 21:27

1

There is an attribute that you can use for an input, select and form elements. Set it to off, like this:

<select autocomplete="off">...</select>

or

<form autocomplete="off">...</form>

or

<input autocomplete="off" />

Check out the reference HERE

answered Jan 27 '14 at 21:27

Alex Shilman

1,547
1
11
15

score 1 · Accepted Answer · answered Jan 27 '14 at 21:29

1

Here's the trick:

window.location.reload(true);

The reload method has a boolean value, which, when it is true, causes the page to always fetch document from the server. It defaults to false, which may reload the page from the cache.

answered Jan 27 '14 at 21:29

Skwal

2,160
2
20
30

Glad I could help :) Don't forget to mark the question as answered. – Skwal Jan 27 '14 at 21:32

score 1 · Answer 3 · answered Jan 27 '14 at 21:43

You can use document.location.reload() instead of using window.location.reload() because Firefox has issues refreshing the page using JavaScript window.location.reload().

Read this article

Or If you want to use window.location.reload() then you can try to set attribute to true.

window.location.reload( true): Force reloading the current page from the server.

onclick javascript doesn't fully refresh form with select option on firefox

3 Answers3