Простой HTML select не работает. / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простой HTML select не работает.

3 сообщений из 3, страница 1 из 1

Простой HTML select не работает.

#39950237

Renziglov

Участник

Сообщения: 674

Рейтинг: 0 / 0

Привет.

Простой select вроде этого

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

<div class="form-group">
        <label>Minimal</label>
        <select class="form-control" style="width: 100%;">
            <option selected="selected">Alabama</option>
            <option>Alaska</option>
            <option>California</option>
            <option>Delaware</option>
            <option>Tennessee</option>
            <option>Texas</option>
            <option>Washington</option>
        </select>
    </div>

работает до тех пор, пока не помещу его в drop-down menu:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
    <li>
        <div class="form-group">
            <label>Minimal</label>
            <select class="form-control" style="width: 100%;">
                <option selected="selected">Alabama</option>
                <option>Alaska</option>
                <option>California</option>
                <option>Delaware</option>
                <option>Tennessee</option>
                <option>Texas</option>
                <option>Washington</option>
            </select>
        </div>
    </li>
</ul>

Вверху - это пример из бутстраповского демо.
Опции перестают выбираться, вернее, при mouse down они появляются, при mouse up исчезают и никакого выбора не происходит.
Похоже, причина в стиле "dropdown-menu". В таких контролах выбор сразу происходит при клике.

Как это фикснуть?
Задача, которую я решаю: колонки грида имеют меню для каждой колонки (как в популярном Angular контроле). В их числе Sort ASC, Sort DESC и Filter. В первых 2-х выбор происходит сразу на клике, проблем нет. А вот Filter использует drop down list, который не работает.

Сторонние контролы просьба не предлагать. Bootstrap 4.1.3 - это максимум, что я могу использовать.
Спасибо

...

Рейтинг:

0 / 0

22.04.2020, 23:13

| Ответить | Цитировать | Написать

Простой HTML select не работает.

#39950357

Дмитрий Мух

Участник

Откуда: Зеленоград

Сообщения: 2 722

Рейтинг: 0 / 0

Renziglov,

почитайте документацию https://getbootstrap.com/docs/4.0/components/dropdowns/
по идее станет понятно, что такое dropdown-menu в Bootstrap

...

Рейтинг:

0 / 0

23.04.2020, 11:36

| Ответить | Цитировать | Написать

Простой HTML select не работает.

#39950644

voraa

Гость

Renziglov,
Кто тебя учил так <label> писать?
Либо атрибут for надо использовать, либо элемент внутрь <label> запихивать.

...

Рейтинг:

0 / 0

23.04.2020, 18:11

| Ответить | Цитировать | Написать

3 сообщений из 3, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простой HTML select не работает.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/search_topic.php?author=%D0%9D%D0%B0%D1%82%D0%B0%D0%BB%D1%8C%D1%8F_%D0%9A%D0%B8%D0%BC&author_mode=last_posts&do_search=1]:	0ms
get settings:	10ms
get forum list:	12ms
get settings:	10ms
get forum list:	13ms
check forum access:	3ms
check topic access:	3ms
track hit:	44ms
get topic data:	13ms
get forum data:	3ms
get page messages:	41ms
get tp. blocked users:	1ms
others:	662ms

total:	815ms