zettend
@zettend
Разработчик собственных продуктов

Как отобразить данные из селектора в div?

Здравствуйте.
Есть код:

<label class="FormField FormField--ios Select Select--align-left">
    <select top="Ваше помещение" class="Select__el">
        <option selected="" value="">Выберите помещение</option>
        <option value="m">Dnjhjt</option>
        <option value="f">Женский</option>
    </select>
    <div class="Select__container">
        <div class="Select__title"></div>
        <div class="Icon Icon--24 Icon--dropdown_24 " style="width:24px;height:24px">
            <svg viewBox="0 0 24 24" width="24" height="24" style="display:block">
                <use xlink:href="#dropdown_24" style="fill:currentColor"></use>
            </svg>
        </div>
    </div>
    <div class="FormField__border"></div>
</label>


Как передать данные из select в div.Select__title?
  • Вопрос задан
  • 97 просмотров
Решения вопроса 1
Xuxicheta
@Xuxicheta
инженер
не надо никаких jquery

const div = document.querySelector('.Select__container .Select__title');
const select = document.querySelector('[top="Ваше помещение"].Select__el');

select.onchange = (evt) => div.innerText = evt.target.selectedOptions[0].innerText;


Обратите внимание, кто у тут выбор элемента осуществляется по классу, а значит все может сломаться, если будут еще такие классы на странице. Сделайте лучше уникальные id.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
link_web
@link_web
Magento 1/2, Laravel, Zend, Shopify, Prestashop, W
На jQuery в пару строк можно вот так ссылка
или добработанный вариант, что бы пустое значкение не выводилось - ссылка
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Amigoweb Магнитогорск
от 30 000 до 40 000 руб.
Kernel Web Новосибирск
от 80 000 руб.
EducaGroup Санкт-Петербург
от 90 000 руб.