Select, у вариантов есть цена, ее вывожу по id, при перезагрузки страницы, если стоит selected у варианта, цена не выводит, почему?

Question

[Антон Вебсайтовский]

Два селекта, хотя не важно один или два, в примере реализовал весь функционал.

У первого селекта идут у вариантов цены, они разные, при выборе варианта, выводиться цена, если поставить selected у варианта, при обновлении страницы f5, то автоматически цена не выводиться в див по id, почему? выводиться тогда когда я выбираю вариант с ценой в селекте.

Небольшие пояснения, почему в примере 2 селекта.
Беру цену первого селекта, и второго селекта, плюсую их и вывожу сумму в див блоке.

Рабочая схема тут:
https://jsfiddle.net/vlit/ag14ju8s/279/

Answer 1

[Stalker_RED]

Потому что расчеты и отображения у вас происходят в функции getRes(), которая выхывается только при изменении выбора в селекте, а не при перезагрузке страницы.

Но даже добавив ее вызов при загрузке вам еще нужно будет "запоминить" (в localStorage, например) предыдущий выбор в селектах и применить его.

Comments

[Антон Вебсайтовский]

а это как? есть пример, вроде как-то по другому делают, сереализация вроде.

[Stalker_RED]

Антон Вебсайтовский, сериализация - хорошая штука, да.
Вы можете использовать какой-то готовый инструмент или написать свою реализацию. Там кода на пару строк

select1.value = localStorage.myValue1 || 0; // установка значения из localStorage
localStorage.myValue1 = select1.value; // сохранение текущего значения в localStorage

[Антон Вебсайтовский]

Stalker_RED, а чем такой вариант плох? работает же https://jsfiddle.net/4qbe98j7/2/

[Stalker_RED]

Антон Вебсайтовский, если вас устраивает - отлично.
Можно бы поугорать с кода, но вы сейчас на таком этапе, что лишь бы работало хоть как нибудь. :)

[Антон Вебсайтовский]

Stalker_RED, да нет не лиж бы, за меня говорить не надо, так помогли сделать, я еще учусь.
Знаток бы показал бы как надо, не смеялся бы. Ведь сам когда-то не соображал.

Answer 2

[Антон Вебсайтовский]

Решение:
https://jsfiddle.net/4qbe98j7/2/

.change();