@Morrdor

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

Код:

<form method="post">
        <input type="text" name="domnam" placeholder="Domain name"> </input>


        <select class="sel">
         <option value="Subdomain">Subdomain</option>
         <option value="IP">IP</option>
         <option value="WhoIS">WhoIS</option>
         <option value="Alexa">Alexa</option>
        </select>

         <input type="submit" value="Check" class="submitter"></input>
     </form>

После нажатия кнопки или перезагрузки сайта значение select не меняется
  • Вопрос задан
  • 73 просмотра
Решения вопроса 2
Chefranov
@Chefranov
Новичок
Сохраняйте выбранное значение в localStorage
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега JavaScript
One Morning Left - Words Won`t Save You
localStorage:

<select class="sel">
<option value="Subdomain">Subdomain</option>
<option value="IP">IP</option>
<option value="WhoIS">WhoIS</option>
<option value="Alexa">Alexa</option>
</select>

(function(){
   const select = document.querySelector('.sel');
    if (localStorage.selectedIndex !== null) {
        select.selectedIndex = localStorage.selectedIndex;
    }
    select.onchange = function() {
        localStorage.selectedIndex = this.selectedIndex;
    }
})()
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы