引导表单帮助器:选择选项

时间:2018-12-13 10:15:49

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-4

我目前正在使用Bootstrap表单帮助程序来构建表单,并且在选择选项方面遇到麻烦。通常我会使用,而在选择一个选项时,我只会将SELECT添加到该选项中。但是,由于这适用于div,所以我不知道如何选择一个选项。

a.c:8:54: error: initializer element is not computable at load time
a.c:8:54: note: (near initialization for 'a[8]')

上面的方法显然行不通,但是由于我不是前端开发专家,所以我不知道如何完成上述操作。

2 个答案:

答案 0 :(得分:0)

实际上,您的问题难以理解,如果我错了,您不想使用select下拉菜单对吗?那为什么不只是用插入符号添加一个下拉列表呢?

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

答案 1 :(得分:0)

通过快速查看文档,您当然不能将selected放在列表元素上,无论如何您都可以使用change.bfhselectbox事件,以便可以更改所选元素的外观从那里,但是你喜欢。这些示例可以做到这一点,因此请看一看。 编辑:我看到他们使用隐藏的输入来保持所选值的“状态”,这可能会有所帮助。