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?
  • Вопрос задан
  • 96 просмотров
Решения вопроса 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 в пару строк можно вот так ссылка
или добработанный вариант, что бы пустое значкение не выводилось - ссылка
Ответ написан
Ваш ответ на вопрос

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

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