Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.04.2017, 19:12
Интересующийся
Отправить личное сообщение для seotapki Посмотреть профиль Найти все сообщения от seotapki
 
Регистрация: 27.08.2016
Сообщений: 28

Сохранение select в Cookies и дальнейшее использование
Всем привет!

Имеется следующий скрипт:
<select name="choose" id="choose" class="input-select">
				  <option value="nul" selected disabled>Выберите ваш город:</option>
				  <option value="opt1">Владивосток</option>
				  <option value="opt2">Уссурийск</option>
</select></div>
				
<section class="jqueryOptions default"></section>
<section class="jqueryOptions opt1"></section>
<section class="jqueryOptions opt2"></section>  

<script>
	$(function() {
	  $('.jqueryOptions').hide();
	  $('.opt1').show();
	  $('#choose').change(function () {
		$('.jqueryOptions').slideUp();
		$('.jqueryOptions').removeClass('current-opt');
		$("." + $(this).val()).slideDown();
		$("." + $(this).val()).addClass('current-opt');
	  });
	});
</script>


Подскажите, как сделать так, чтобы выбранное значение опции сохранялось в cookie и при переходе на следующую страницу (или обновлении), значение бралось из Cookie, а если пользователь выбрал другое значение select, Cookie перезаписалась и использовалось новое значение???
Ответить с цитированием
  #2 (permalink)  
Старый 08.04.2017, 19:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

seotapki,
$(function() {
    var abracadabra =  window.localStorage.getItem('abracadabra')||'opt1';
    $('.jqueryOptions').hide();
    $('.'+abracadabra).show();
    $('#choose').change(function () {
    window.localStorage.setItem('abracadabra', this.value);
    $('.jqueryOptions').slideUp();
    $('.jqueryOptions').removeClass('current-opt');
    $("." + $(this).val()).slideDown();
    $("." + $(this).val()).addClass('current-opt');
    });
  });
Ответить с цитированием
  #3 (permalink)  
Старый 08.04.2017, 19:36
Интересующийся
Отправить личное сообщение для seotapki Посмотреть профиль Найти все сообщения от seotapki
 
Регистрация: 27.08.2016
Сообщений: 28

Сообщение от рони Посмотреть сообщение
seotapki,
$(function() {
    var abracadabra =  window.localStorage.getItem('abracadabra')||'opt1';
    $('.jqueryOptions').hide();
    $('.'+abracadabra).show();
    $('#choose').change(function () {
    window.localStorage.setItem('abracadabra', this.value);
    $('.jqueryOptions').slideUp();
    $('.jqueryOptions').removeClass('current-opt');
    $("." + $(this).val()).slideDown();
    $("." + $(this).val()).addClass('current-opt');
    });
  });
Работает, спасибо, а можно как-то сделать, чтобы в селекте тоже оставалось выбранное значение?
Ответить с цитированием
  #4 (permalink)  
Старый 08.04.2017, 19:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

seotapki,
строка 11
}).val(abracadabra);
Ответить с цитированием
  #5 (permalink)  
Старый 08.04.2017, 19:45
Интересующийся
Отправить личное сообщение для seotapki Посмотреть профиль Найти все сообщения от seotapki
 
Регистрация: 27.08.2016
Сообщений: 28

Спасибо большое)))
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сохранение выбора в select steepfox Общие вопросы Javascript 27 18.10.2015 16:10
Сохранение флажков чекбоксов в cookies. Voivod0 Общие вопросы Javascript 8 12.12.2013 01:28
jqGrid сохранение и восстановление Select после reloadGrid SPavel_74 jQuery 0 14.02.2012 16:04
Про использование cookies zloctb Общие вопросы Javascript 3 11.02.2012 09:36
Сохранение массива в cookies jamphou Общие вопросы Javascript 4 25.05.2011 09:08