Поместить в local.storage выбранный option из select.
Добрый день!
Есть селект, нужно выбранный элемент селекта поместить в хранилище, а при перезагрузке страницы из хранилища делать этот option выбранным. http://jsfiddle.net/DenimTornado/9Haha/ вот всё, что смог сделать, div там для примера. Писать значение не в див надо, а именно делать выбранным элемент селекта. Заранее, спасибо! |
<select id="count" name="user_type">
<option value="1">1</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">5</option>
</select>
<script>
(function(){
var select = document.querySelector('#count');
if (localStorage.selectedIndex !== undefined) {
select.selectedIndex = localStorage.selectedIndex;
}
select.onchange = function() {
localStorage.selectedIndex = this.selectedIndex;
}
})()
</script>
|
То, что надо! Спасибо огромное!
|
... а как например можно сохранить значение нескольких selecto'в с разными id !?
|
<select id="abc">
<option value="1">1</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">5</option>
</select>
<select id="cde">
<option value="1">1</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">5</option>
</select>
<script>
(function(){
var selects = document.querySelectorAll('select');
for (var i = 0, select; select = selects[i]; i++) {
if (localStorage[select.id] !== undefined) {
select.selectedIndex = localStorage[select.id];
}
select.onchange = function() {
localStorage[this.id] = this.selectedIndex;
}
}
})()
</script>
|
Здравствуйте.
А как тоже самое проделать с несколькими чекбоксами со своими id которые не объединены общей группой ? |
Цитата:
|
выделяются сразу все, не совсем то
<input type="checkbox" id="check1">
<input type="checkbox" id="check2">
<input type="checkbox" id="check3">
(function(){
var check = document.querySelectorAll('input');
for (var z = 0, checkid; checkid = check[z]; z++) {
if (localStorage[checkid.id] !== undefined) {
checkid.checked = localStorage[checkid.id];
}
checkid.onchange = function() {
localStorage[this.id] = this.checked;
}
}
})()
|
trio,
добавьте + в строки 9 и 12 (тут это 5 и 8)
(function(){
var check = document.querySelectorAll('[type="checkbox"]');
for (var z = 0, checkid; checkid = check[z]; z++) {
if (localStorage[checkid.id] !== undefined) {
checkid.checked = +localStorage[checkid.id];
}
checkid.onchange = function() {
localStorage[this.id] = +this.checked;
}
}
})()
|
О!
Это же совсем другое дело! Благодарю! |
| Часовой пояс GMT +3, время: 15:45. |