ReSQL.ru
     
powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простой HTML select не работает.
3 сообщений из 3, страница 1 из 1
Простой HTML select не работает.
    #39950237
Фотография Renziglov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Renziglov
Участник
Привет.

Простой 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
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Дмитрий Мух
Участник
Renziglov,

почитайте документацию https://getbootstrap.com/docs/4.0/components/dropdowns/
по идее станет понятно, что такое dropdown-menu в Bootstrap
...
Рейтинг: 0 / 0
23.04.2020, 11:36
| Ответить | Цитировать | Написать  
Простой HTML select не работает.
    #39950644
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39950357&tid=1443474]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 39ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 14ms
total:  147ms
созд. / загр.: 147ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]