i have code html

<select class="mySelect">
    <option value="1" >Date</option>
    <option value="2">Helpfulness</option>
</select>

Updated

So when the user selects 'Helpfulness' and reloads page then option Helpfulness should be 'selected'. and if 'Date' is choosen then reloaded page should set Date 'selected'.

thank for help!

i have code html

<select class="mySelect">
    <option value="1" >Date</option>
    <option value="2">Helpfulness</option>
</select>

Updated

So when the user selects 'Helpfulness' and reloads page then option Helpfulness should be 'selected'. and if 'Date' is choosen then reloaded page should set Date 'selected'.

thank for help!

• javascript
• jquery

Share Improve this question Follow edited Jul 27, 2021 at 15:26 Henzo 511 silver badge55 bronze badges asked Dec 10, 2015 at 3:06 xankaxanka 15311 gold badge11 silver badge1212 bronze badges 1

• $('.mySelect').val(2) – Tushar Commented Dec 10, 2015 at 3:16

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

Use .val() to set the value to 2 as follows:

$(function() {
    $('.mySelect').val( 2 );
});

$(function() {
    $('.mySelect').val( 2 );
});

<script src="https://ajax.googleapis./ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="mySelect">
  <option value="1">Date</option>
  <option value="2">Helpfulness</option>
</select>

UPDATE

Per your updated question use localStorage or cookies to hold the selected value. When the page refreshes, check for the cookie or localStorage value and load it.

$(function() {
    $('.mySelect').on('change', function() {
        $.cookie('mySelect', this.value);
    });
    $('.mySelect').val( $.cookie('mySelect') || 1 );
});

DEMO

For most default value, it would be easy to set on html markup directly like :

<select class="mySelect">
  <option value="1" >Date</option>
  <option value="2" selected>Helpfulness</option>
</select>

Otherwise, use jQuery .prop code here :

$( function () {
   $('.mySelect option[value="2"]').prop('selected', true);
});

Set the value in val() and change() function

jQuery(window).on('load', function () {
    $('.mySelect').val(2).change();
});