javascript - How to save DropDown selection with HTML5 storage? - Stack Overflow

admin管理员组

文章数量:1330925

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

Share Follow edited Oct 8, 2012 at 20:04 Michal Klouda 14.5k77 gold badges5656 silver badges7979 bronze badges asked Oct 8, 2012 at 19:38 xulxul 21055 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

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

本文标签： javascriptHow to save DropDown selection with HTML5 storageStack Overflow