Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 24.08.2019, 15:20
Новичок на форуме
Отправить личное сообщение для budda555 Посмотреть профиль Найти все сообщения от budda555
 
Регистрация: 24.08.2019
Сообщений: 2

возможность Multiselect
Сообщение от danik.js Посмотреть сообщение
<select id="abc">
    <option value="1">1</option>
    <option value="2">3</option>
    <option value="3">4</option>
    <option value="4">5</option>
    <option value="5">5</option>
</select>
<select id="cde">
    <option value="1">1</option>
    <option value="2">3</option>
    <option value="3">4</option>
    <option value="4">5</option>
    <option value="5">5</option>
</select>
<script>
(function(){
    var selects = document.querySelectorAll('select');
    for (var i = 0, select; select = selects[i]; i++) {
        if (localStorage[select.id] !== undefined) {
            select.selectedIndex = localStorage[select.id];
        }
        select.onchange = function() {
            localStorage[this.id] = this.selectedIndex;
        }
    }
})()
</script>
Приветствую!
А какой будет код, если у нас 3 select-а и 2 из них должны быть multiselect?
Ответить с цитированием
  #12 (permalink)  
Старый 24.08.2019, 18:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,116

localStorage сохранение выбраных option
budda555,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

</head>

<body>
<select class="abc">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<select class="abc" multiple="multiple" size="5">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<select class="abc" multiple="multiple" size="5">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<script>
(function(){
    const selects = document.querySelectorAll('select.abc');
      let selected = JSON.parse(localStorage.selected || "[]");
      [...selects].forEach((select, i) => {
      select.onchange = function() {
          let {selectedOptions} = select;
          selectedOptions = [...selectedOptions].map(({index})=> index);
          selected[i] = selectedOptions;
          localStorage.selected = JSON.stringify(selected)
        }
       const selectedOptions = selected[i]||[];
       [...select.children].forEach((option, i) => option.selected = selectedOptions.includes(i))
     })
})()
</script>
</body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 24.08.2019, 22:05
Новичок на форуме
Отправить личное сообщение для budda555 Посмотреть профиль Найти все сообщения от budda555
 
Регистрация: 24.08.2019
Сообщений: 2

рони,
Браво!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
checkbox, radio и select c option Hekumok Общие вопросы Javascript 8 12.04.2016 17:51
Cохранение выбранного option в select. NiCKSoNka Элементы интерфейса 17 05.03.2012 15:48
Выбранный текст в select при нажатии на кнопку "добавить" появлялся в select'e Адриан Общие вопросы Javascript 2 31.01.2012 13:38
Динамические option в select lurii Элементы интерфейса 10 14.01.2011 11:23
Вставка текста в textarea после выбора select option modelisto Общие вопросы Javascript 2 14.10.2009 19:27