Помощник формы начальной загрузки: выберите вариант
В настоящее время я создаю форму с помощью помощников форм Bootstrap, и у меня проблемы с опцией выбора. Обычно я использую, а при выборе опции я просто добавляю к ней SELECT. Однако, поскольку это работает с div, я понятия не имею, как выбрать вариант.
<div class = "bfh-selectbox" data-name = "type" data-name = "type">
<div data-value = "1" <?php $type ? "buyObject" : "SELECTED"; ?>>Option 1</div>
<div data-value = "2" <?php $type ? "sellObject" : "SELECTED"; ?>>Option 2
</div>
<div data-value = "3" <?php $type ? "brokerObject" : "SELECTED"; ?>>Option 3</div>
</div>
Вышеупомянутое, очевидно, не работает, но, поскольку я не эксперт во фронтенд-разработке, я понятия не имею, как это сделать.
Ответы 2
на самом деле, ваш вопрос непонятен, поправьте меня, если я ошибаюсь, вы не хотите использовать раскрывающийся список выбора, верно? тогда почему бы вам просто не добавить раскрывающийся список с кареткой?
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class = "container">
<h2>Dropdowns</h2>
<div class = "dropdown">
<button class = "btn btn-primary dropdown-toggle" type = "button" data-toggle = "dropdown">Dropdown Example
<span class = "caret"></span></button>
<ul class = "dropdown-menu">
<li><a href = "#">HTML</a></li>
<li><a href = "#">CSS</a></li>
<li><a href = "#">JavaScript</a></li>
</ul>
</div>
</div>Быстро взглянув на документацию, вы, конечно, не можете поместить selected в элемент списка, в любом случае у вас есть доступное событие change.bfhselectbox, чтобы вы могли изменить внешний вид выбранного элемента оттуда, как вам нравится. Примеры делают это, так что взгляните на них.
Обновлено: я вижу, что они используют скрытый ввод для поддержания «состояния» выбранного значения, это может помочь.