Хочу сделать простенький выбор города, поможете?

[Gann]

Здравствуйте!

 

Как можно сюда:

 

$("#selectItem").change(function(){
    $('.containerss').find('div').hide();
    var selected = $('#selectItem option:selected').attr('id');
    $('.' + selected).show();
});  

 

добавить в LocalStorage выбранный select option?

 

Полный код у меня такой:

 

 

<style>.containerss div {display: none;}</style>
<select id="selectItem">
<option id="chelyabinsk">Челябинск</option>
<option id="moskva">Москва</option>
<option id="piter">Санкт-Петербург</option>
<option id="nnovgor">Нижний Новгород</option>
<option id="ekat">Екатеринбург</option>
</select>
<div class="containerss">

<div class="chelyabinsk" style="display: block;"></div>

<div class="moskva"></div>
<div class="piter"></div>
<div class="nnovgor"></div>

<div class="ekat"></div>
</div>
<script type="text/javascript">
<!--
$("#selectItem").change(function(){
    $('.containerss').find('div').hide();
    var selected = $('#selectItem option:selected').attr('id');
    $('.' + selected).show();
});  
-->
</script>

[crapic]

var selected = $('#selectItem option:selected').attr('id');
localStorage.setItem("myKey", selected);

 

[Gann]

41 минуту назад, crapic сказал:

var selected = $('#selectItem option:selected').attr('id');
localStorage.setItem("myKey", selected);

 

Спасибо!

 

Строчку добавил. 

Теперь может быть поможете, как взять сохранённое значение (того селекта, который выбрали) их localStorage и вывести его? Сейчас выбранное значение селекта после перезагрузки страницы не сохраняется.

Змінено 17 березня 2017 користувачем Gann

[crapic]

$( function() {
if (localStorage.getItem("myKey")) {

    var stored_select = localStorage.getItem("myKey");

    $('#' + stored_select).prop( "selected", true );
}

});

 

[Gann]

7 минут назад, crapic сказал:

$( function() {
if (localStorage.getItem("myKey")) {

    var stored_select = localStorage.getItem("myKey");

    $('#' + stored_select).prop( "selected", true );
}

});

 

 

Ещё раз спасибо!

[Gann]

Вставил в скрипт новую функцию - не работает... видимо не туда вставил..

 

<script type="text/javascript">
<!--

$( function() {
var selected = $('#selectItem option:selected').attr('id');
    localStorage.setItem("myKey", selected);
if (localStorage.getItem("myKey")) {

    var stored_select = localStorage.getItem("myKey");

    $('#' + stored_select).prop( "selected", true );
}

});

$("#selectItem").change(function(){
    $('.containerss').find('div').hide();
    var selected = $('#selectItem option:selected').attr('id');
    localStorage.setItem("myKey", selected);
    $('.' + selected).show();
});  
-->
</script>

 

 

Помогите разобраться, пожалуйста.

 

Змінено 17 березня 2017 користувачем Gann

[crapic]

вот рабочий для jquery > 1.6

 

<style>.containerss div {display: none;}</style>
<select id="selectItem">
<option id="chelyabinsk">Челябинск</option>
<option id="moskva">Москва</option>
<option id="piter">Санкт-Петербург</option>
<option id="nnovgor">Нижний Новгород</option>
<option id="ekat">Екатеринбург</option>
</select>
<div class="containerss">
<div class="chelyabinsk" style="display: block;"></div>
<div class="moskva">Это москва</div>
<div class="piter">а это питер</div>
<div class="nnovgor"> а вот он нижний</div>
<div class="ekat">вот ты какой ебург</div>
</div>
<script type="text/javascript">
<!--
$( function() {

if (localStorage.getItem("myKey")) {
    var stored_select = localStorage.getItem("myKey");
    $('#' + stored_select).prop( "selected", true );
    $('.' + stored_select).show();
    }
});
$("#selectItem").change(function(){
    $('.containerss').find('div').hide();
    var selected = $('#selectItem option:selected').attr('id');
    localStorage.setItem("myKey", selected);
    $('.' + selected).show();
});  
-->
</script>