Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2013, 10:40
Аспирант
Отправить личное сообщение для realstranger Посмотреть профиль Найти все сообщения от realstranger
 
Регистрация: 28.01.2011
Сообщений: 31

Поместить в local.storage выбранный option из select.
Добрый день!

Есть селект, нужно выбранный элемент селекта поместить в хранилище, а при перезагрузке страницы из хранилища делать этот option выбранным.

http://jsfiddle.net/DenimTornado/9Haha/ вот всё, что смог сделать, div там для примера. Писать значение не в див надо, а именно делать выбранным элемент селекта.

Заранее, спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 27.03.2013, 11:04
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<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>
Ответить с цитированием
  #3 (permalink)  
Старый 27.03.2013, 11:07
Аспирант
Отправить личное сообщение для realstranger Посмотреть профиль Найти все сообщения от realstranger
 
Регистрация: 28.01.2011
Сообщений: 31

То, что надо! Спасибо огромное!
Ответить с цитированием
  #4 (permalink)  
Старый 10.12.2013, 21:58
Новичок на форуме
Отправить личное сообщение для shellcode Посмотреть профиль Найти все сообщения от shellcode
 
Регистрация: 10.12.2013
Сообщений: 1

... а как например можно сохранить значение нескольких selecto'в с разными id !?
Ответить с цитированием
  #5 (permalink)  
Старый 10.12.2013, 23:40
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<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>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #6 (permalink)  
Старый 25.10.2015, 08:54
Новичок на форуме
Отправить личное сообщение для trio Посмотреть профиль Найти все сообщения от trio
 
Регистрация: 06.10.2009
Сообщений: 5

Здравствуйте.
А как тоже самое проделать с несколькими чекбоксами со своими id которые не объединены общей группой ?
Ответить с цитированием
  #7 (permalink)  
Старый 25.10.2015, 09:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от trio
А как тоже самое проделать с несколькими чекбоксами со своими id ?
у вас же код 5 поста перед глазами!!! сделайте замену в строках 17,20,23
Ответить с цитированием
  #8 (permalink)  
Старый 25.10.2015, 11:24
Новичок на форуме
Отправить личное сообщение для trio Посмотреть профиль Найти все сообщения от trio
 
Регистрация: 06.10.2009
Сообщений: 5

выделяются сразу все, не совсем то

<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;
        }
    }
})()
Ответить с цитированием
  #9 (permalink)  
Старый 25.10.2015, 11:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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;
        }
    }
})()
Ответить с цитированием
  #10 (permalink)  
Старый 25.10.2015, 11:57
Новичок на форуме
Отправить личное сообщение для trio Посмотреть профиль Найти все сообщения от trio
 
Регистрация: 06.10.2009
Сообщений: 5

О!
Это же совсем другое дело!
Благодарю!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
checkbox, radio и select c option Hekumok Общие вопросы Javascript 8 12.04.2016 17:51
Cохранение выбранного option в select. NiCKSoNka Элементы интерфейса 17 05.03.2012 15:48
Выбранный текст в select при нажатии на кнопку "добавить" появлялся в select'e Адриан Общие вопросы Javascript 2 31.01.2012 13:38
Динамические option в select lurii Элементы интерфейса 10 14.01.2011 11:23
Вставка текста в textarea после выбора select option modelisto Общие вопросы Javascript 2 14.10.2009 19:27