Question

好吧，我已经陷入困境，并希望得到一些帮助，因为我在我的智慧结束时。我已经创建了一个jQuery对话框，在该窗口中，我使用Bootstrap创建了一组选项卡。在第一个选项卡上，我有一个带有select元素的小表单，这些都与BackboneJS捆绑在一起。

<div class="control-group times">
     <label class="control-label" for="inputStart">Time</label>
     <div class="controls">
          <select id="inputStart" name="start">
              {{ slots }}
          </select>
          <label class="control-label small" for="inputEnd">-</label>
          <div class="controls">
              <select id="inputEnd" name="end">
                  {{ slots }}
              </select>
          </div>
     </div>
</div>

在Chrome上，元素及其相关事件的完美运行。

在Firefox上，我已经看到它打开了，选择一个选项后，直接拒绝关闭它的选项列表。就我所知，这个问题在一夜之间就已经消失，代码没有变化。

现在在IE9＆amp;在图10中，选择字段在第一次使用后失败。它允许您选择一个选项，但如果再试一次，该选项将不会更改。我发现通过点击选择，然后重新选择它会起作用，但这并不理想。几乎就像选择必须失去焦点才能再次使用。

这些问题仅限于鼠标使用。使用键盘完美运行。我记录了这个问题，以防视频效果更好：Select Fail

有什么想法吗？提前谢谢！

Answer 1

如果你正在使用Bootstrap，使用Bootstrap 。图书馆至少有2-3种方法可以做你想做的事情。最简单的方法是将类form-control抛出到您的选择列表中，这样可以让您跨浏览器兼容。

<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

在这里阅读更多内容： http://getbootstrap.com/css/#forms

Answer 2

在进一步挖掘之后，我偶然发现了这一点 - jQueryUI Bug

我升级了jQueryUI，到目前为止所有问题都已消失。

IE和选择元素

2 个答案: