CODEWITHSUNDEEP
htmlselect
medk
medk

Reputation: 9529

Don't keep previously selected value in select box when page is reloaded

Deos anybody know how to prevent the browser from keeping the last selected option when the client reloads the page?

The problem is that when I reload the page, it keeps the last selected option, and when I select the url in the address bar and hit Enter it will be reset.

I want the second result whicth means that I want to get the browser always reset the select box.

Please the simplest and the safest way :)

Thanks.

Upvotes: 4

Views: 4214

Answers (2)

manu
manu

Reputation: 1219

The autocomplete="off" attribute works on select elements as well as on input elements:

<select autocomplete="off" >
     <option>1</option>
     <option selected>2</option>
</select>

Upvotes: 14

Gordon Gustafson
Gordon Gustafson

Reputation: 41209

Just set the value in javascript. That way when the page is loaded its always initialized to the same value. Just using <option selected="selected"> won't work.

in javascript it would be something like this:

document.getElementById("selectBoxToBeReset").options[indexToBeSelected].selected = true;

and jquery helps even more:

$("#selectBoxToBeReset").selectOptions("value to be selected", true);

passing true as the second argument clears any previously selected value. Jquery select box tips.

Upvotes: 1

Related Questions