选择元素始终在IE中向上打开

Question

我在页面上有一个标准的<select>元素，它总是在IE 11和Edge中向上打开。下面有足够的空间，但它总是打开。

编辑：最后一项是预选的，但在Chrome和Firefox上向下打开。我也想在IE中以这种方式工作。

有什么想法吗？

Answer 1

如果你想让选择向下打开，一个技巧就是在点击时将选择设置为0。

＆＃13;

＆＃13;

document.getElementById('theSelect').onmousedown = (function() {
 this.selectedIndex = 0;
});

＆＃13;

<select id="theSelect">
 <option value="1">one</option>
 <option value="2">two</option>
 <option value="3" selected="selected">three</option>
</select>

＆＃13;

＆＃13;

＆＃13;

好吧，我承认这是一个糟糕的伎俩，但至少可以做到！