0

我想使用 Bootstrap 的弹出框<option>功能在悬停时显示有关-s<select>元素的更多详细信息。我可以让弹出框在 a 上悬停<button>，但我似乎无法让它<option>在选择元素中的 -s 上工作：

<form class="form-horizontal">
  <div class="form-group">
    <label for="x" class="col-md-2 control-label">x</label>
      <div class="col-md-8">
        <select name="x" id="x" class="form-control control">
          <option value="a" data-toggle="popover" data-content="a value" data-title="a">a</option>
          <option value="b" data-toggle="popover" data-content="another value" data-title="b">b</option>
          <option value="c" data-toggle="popover" data-content="yet another value" data-title="c">c</option>
        </select>
      </div>
  </div>
</form>

这似乎与另一个问题有关，只是标记不同。作为参考，这个 jsfiddle 有一个工作示例来演示该行为。这是一个引导错误吗？在这种情况下，我没有正确初始化弹出框吗？

4

1 回答 1

1

我不认为这是一个错误，这似乎是浏览器的限制，因为它select是一个原生控件，它的下拉列表取决于底层的窗口系统。最重要的是，您想要实现的目标是不可能的。

但是，您可以将弹出框附加到select自身，并根据当前的option.

于 2015-04-21T10:31:08.750 回答