I have;

<form method="post" action="search.php">
     <select name="country" class="dropdownselect" >

         <option value="">Select Country</option>   

             <option value="Afghanistan" selected="selected">Afghanistan</option>
             <option value="Albania" selected="selected">Albania</option>
             <option value="Algeria" selected="selected">Algeria</option>
     </select>
 </form> 

And then in search.php;

$country = $country; 
+
SQL query for $country.. 

I need to save DropDown selection to stay selected when someones preform search.

Can it be done with HTML5 storage func?

Thanks in advance

I have;

<form method="post" action="search.php">
     <select name="country" class="dropdownselect" >

         <option value="">Select Country</option>   

             <option value="Afghanistan" selected="selected">Afghanistan</option>
             <option value="Albania" selected="selected">Albania</option>
             <option value="Algeria" selected="selected">Algeria</option>
     </select>
 </form> 

And then in search.php;

$country = $country; 
+
SQL query for $country.. 

I need to save DropDown selection to stay selected when someones preform search.

Can it be done with HTML5 storage func?

Thanks in advance

• javascript
• html
• drop-down-menu
• selection
• local-storage

1 Answer 1

Yes, you can store it on select change and then read on page load:

$(document).ready(function() {

    var item = window.localStorage.getItem('country');
    $('select[name=country]').val(item);

    $('select[name=country]').change(function() {
       window.localStorage.setItem('country', $(this).val());
    });

});

DEMO