Как правильно создать куки для поставленной задачи?

Question

[The Dragger]

$('document').ready(function(){
                    function setCookie(){
                        document.cookie= 'selected=123';
                    }
                    $('select.region').find('option').attr('onclick', 'setCookie()');
                    $('select.region').change(function(){
                        var id = $(this).attr('value');
                       $(this).find('option:selected').attr('selected', true);
}}

Хочу сделать так чтобы после обновление страницы оставалась та option которую выбрал пользователь. Первый раз сталкиваюсь с этой проблемой бум бум .

Comments

[evnuh]

Тостер решает, а Вася сдаёт?

[evnuh]

Ты это, кончай. Думай сам уже, а то пять вопросов про то как добавить аттрибут одному тегу - это слишком.

[The Dragger]

evnuh: конечно я думаю и параллельно ищу ответ в нэте, просто я заточен под back-end а тут front.

[evnuh]

Alexander: не умеешь - не берись

Answer 1

[Евгений]

Запишите значение в куку во время выбора пользователя, а после загрузки страницы устанавливайте это значение селекту.

Или воспользуйтесь плагинами: kugaevsky.github.io/jquery-phoenix, sisyphus-js.herokuapp.com, garlicjs.org.

Comments

[The Dragger]

а вы каким пользовались ?

[Евгений]

Garlic.

И все же без плагина постарайтесь решить задачу (если, конечно, нет другого множества элементов, где требуется хранить состояния).
В коде ставьте значение не option, а select: $('select').val('значение option'). А само значение храните и обновляйте в куках или в локальном хранилище. Решение на пару строк же, зачем ради этого плагин тянуть.

[The Dragger]

Евгений: jsfiddle.net/yxf0dfqr чет я понял вас, мне через куки попробовать или через локальное хранилище ?

[Евгений]

jsfiddle.net/j4y7bhs6

[The Dragger]

Евгений: Все работает но только при выбери другого option и после этого обновление страницы он показывает результат первого выбора а не второго
jsfiddle.net/8frco49x

[The Dragger]

Евгений: хочу сделать проверку на существование локал хранилище если есть то localStorage.removeItem('rayon');

[The Dragger]

Евгений: а все нашел решение .

Answer 2

[Денис Инешин]

Еще раз говорю, что делать это через клиент - обычная ошибка новичка. Подобные состояния должен хранить сервер.

Comments

[The Dragger]

я хз как хранить на сервере может подскажите ?

[The Dragger]

Денис Инешин я если честно даже визуально это себе не представляю

[Денис Инешин]

Alexander: у PHP очень низкий порог вхождения. Начните его изучать, первая же книжка даст вам несколько уроков как это делается на сервере.

[The Dragger]

Денис Инешин: мне нужна хранить selected="selected" у тега option, у него нету атрибута name. Думаете то что вы посоветовали поможет ?

[Денис Инешин]

Alexander: Какая разница что именно вам нужно хранить, фича в том что сервер может хранить состояние всего чего угодно. Если сегодня вам нужно хранить селектед, то завтра нужно будет еще и разный контент подгружать и т.п.

[The Dragger]

Денис Инешин: Окей прислушаюсь вашему совету и пойду искать инфу как получится обязательно отмечу правильным.

[The Dragger]

Денис Инешин: Спасибо нашел!!!
Проект просто на yii, решил проблему в контроллере .

Answer 3

[Bob Smily]

Попробуйте посмотреть в сторону localStorage, а не кук.

htmlbook.ru/html5/storage

// заносим объект в хранилище
localStorage.setItem( 'selected_option', '.option1' );
// считываем объект из хранилища
var option = localStorage.getItem( 'selected_option' );
// применяем к нужному
$( option ).attr( 'selected', 'selected' );