Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.05.2018, 14:50
Новичок на форуме
Отправить личное сообщение для SashaKostroma Посмотреть профиль Найти все сообщения от SashaKostroma
 
Регистрация: 07.05.2018
Сообщений: 2

Событие onchange
Здравствуйте! Помогите пожалуйста. Вот код:

<select id="seltag" onchange="localStorage.seltag=this.selectedIndex">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<script>
//восстанавливаем запомненное значение, если есть
if(localStorage.seltag!==undefined) seltag.selectedIndex = localStorage.seltag;
</script>

Он работает идеально! При перезагрузки страницы выбранный элемент не теряется. Подскажите пожалуйста, как мне это проделать с radio button? При обновлении страницы, сохранить значение в коде:

<div class="data">
<input type="radio" name="data1" class="data2" value="1">1
<input type="radio" name="data1" class="data2" value="2">2
<input type="radio" name="data1" class="data2" value="3">3
<input type="radio" name="data1" class="data2" value="4">4
<input type="radio" name="data1" class="data2" value="5">5
<input type="radio" name="data1" class="data2" value="6">6
</div><br />

Как применить здесь onchange?
Ответить с цитированием
  #2 (permalink)  
Старый 07.05.2018, 14:57
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

Попробуйте после вашего html вставить это:
<script>
  document.querySelector('[name="data1"]').parentNode.addEventListener('change', function(e) {
      try {
          localStorage.setItem(e.target.name, e.target.value);
      } catch (e) {
          console && console.error && console.error(e);
      }
  });

  try {
      var value = localStorage.getItem('data1');
      if (value)
          document.querySelector('[name="data1"][value="' + value + '"]').checked = true;
  } catch (e) {
      console && console.error && console.error(e);
  }
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 07.05.2018, 15:02
Новичок на форуме
Отправить личное сообщение для SashaKostroma Посмотреть профиль Найти все сообщения от SashaKostroma
 
Регистрация: 07.05.2018
Сообщений: 2

Спасибо ОГРОМНОЕ!!! Всё работает)))
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Событие onchange для Combobox (изменение стрелкми клавиатуры) Manyasha Events/DOM/Window 2 29.02.2016 17:59
переопределение переменных при событие onchange lw091190 Элементы интерфейса 0 29.06.2014 12:07
событие onchange для select sasha001ua Мобильный JavaScript 0 20.05.2014 19:55
Как отменить событие onchange при отправке формы? Petja Элементы интерфейса 1 10.04.2014 18:10
Как отловить событие onchange на LookUp поле? spps Events/DOM/Window 0 09.09.2008 16:02