Версия для печати
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум на Исходниках.RU > HTML, CSS > Вопросы по bootstrap 4 dropdown


Автор: JoeUser 14.08.18, 11:46
Приветствую!

Есть combobox выполненный средствами bootstrap 4, типа:

<{CODE_COLLAPSE_OFF}><{CODE_WRAP_OFF}>
    <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Корпоратив
        </button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" href="#">Корпоратив</a>
            <a class="dropdown-item" href="#">Банкет</a>
            <a class="dropdown-item" href="#">Свадьба</a>
            <a class="dropdown-item" href="#">Другое</a>
        </div>
    </div>


Вопросы:

1) Как сделать так, чтобы после выбора элемента изменялась надпись в комбобоксе? На примере выше, если я выбираю, допустим, "Банкет". Комбобокс должен закрыться, и вместо изначальной надписи "Корпоратив" должна стать надпись "Банкет".

2) Выбранное значение мне нужно передавать в качестве поля формы - что и откуда будет передаваться?

Добавлено
ЗЫ: Похоже нужно просто <select> использовать и его оформление тюнить.

Автор: JoeUser 14.08.18, 13:09
Разобрался. Два варианта:

1) использовать "штатный" <select> со стилем "form-control"
2) использовать внешнюю либу bootstrap-select

Вопрос закрыт.

Powered by Invision Power Board (https://www.invisionboard.com)
© Invision Power Services (https://www.invisionpower.com)