Помощник по начальной загрузке: выберите опцию

Question

В настоящее время я создаю форму с помощью помощников форм 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>

Выше, очевидно, не работает, но так как я не эксперт в front-end dev, у меня нетИдея, как достичь вышеизложенного.

Answer 1

Быстро просматривая документы, вы, конечно, не можете поместить selected в элемент списка, так как у вас есть событие change.bfhselectbox, чтобы вы могли изменить внешний вид выбранного элемента оттуда, однако вылайк.Примеры делают это, так что взгляните на них.Редактировать: я вижу, что они используют скрытый ввод для поддержания «состояния» выбранного значения, это может помочь.

Answer 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>