Как сделать флажки внутри выдвижного списка?

5c683db94972b921437560.png
За качество картинки извиняюсь.
  • Вопрос задан
  • 179 просмотров
Пригласить эксперта
Ответы на вопрос 3
Ответ написан
Комментировать
flapflapjack
@flapflapjack
на треть я прав
Нативно - никак. Вот решение с jQuery плагином www.lisenme.com/multi-select-custom-dropdown-check...

https://www.youtube.com/watch?v=pD9jwU5L84c
Ответ написан
Комментировать
lukoie
@lukoie
я делал примерно так:
<section class="hero city-back">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<form action="#" class="search-form" id="mainsearch">
					<label for="main-search" class="main-search-label"></label>
					<input name="main-search" placeholder="Ищите и найдете..." title="main-search" class="main-search">
					<!-- <button class="btn btn-info">Искать</button> -->
					<div class="searcher">
						<div class="btn-group group-searcher">
							<div class="btn-group group-search">
								<button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" id="search-dropper"></button>
								<div class="dropdown-menu dropdown-menu-right" id="mainsearch-dropdown">
									<div class="dropdown-header">Где искать</div>
									<input class="searchform-check-input" type="checkbox"></input>
									<div class="searchform-item">Документы</div>
									<div style="clear: both;"></div>
									<input class="searchform-check-input" type="checkbox"></input>
									<div class="searchform-item">Новости</div>
									<div style="clear: both;"></div>
									<input class="searchform-check-input" type="checkbox"></input>
									<div class="searchform-item">Статьи</div>

								</div>
							</div>
							<button type="button" class="btn btn-info btn-click">Искать</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</section>
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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