как сделать select с "памятью" выбранного ранее состояния option
<select name="select"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> желательно на джуквери. Например выбрали option со значением 1 - потом перешили на другую страницу и там уже в селекте будет выбрана - 1 |
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
if (localStorage.option !== undefined) {
$('select[name="select"]').prop('selectedIndex', localStorage.option);
}
$('select[name="select"]').change(function(){
localStorage.option = this.selectedIndex;
});
</script>
|
спасибо!
|
Теперь мне бы еще пример кусочка кода - который считает значение option и выведем в div ту или иную информацию
например если option val. = 1 то вставить в содержание <div id="gorod"></div> - москва если option val. = 2 то <div id="gorod">Уфа</div> если option val. = 3 то <div id="gorod">Казань</div> .... т.е стандартная работы переменой при условиях если if / else |
<select name="select">
<option value="1" data-city="Москва">1</option>
<option value="2" data-city="Казань">2</option>
<option value="3" data-city="Уфа">3</option>
</select>
<div id="gorod"></div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
$('select[name="select"]').change(function(){
localStorage.option = this.selectedIndex;
$('#gorod').text($(this[this.selectedIndex]).data('city'));
});
if (localStorage.option !== undefined) {
$('select[name="select"]').prop('selectedIndex', localStorage.option).change();
}
</script>
|
спасибо тебе! все работает как и хотел :dance:
|
| Часовой пояс GMT +3, время: 02:52. |