Position Chosen select box choices on top of select box without auto-selecting the first option

Question

我一直在尝试将 Chosen select 框的选项放置在 select 框本身的顶部，但没有成功 selecting 第一个选项 select 框最初被点击。

这是问题的 JSFiddle：http://jsfiddle.net/sdrah3g7/

下面是我想通过 css 定位选项的方式：

.chosen-container .chosen-drop {
top: 0 !important;
}

我觉得这可以通过修改 Chosen JS 文件来解决，以在单击 select 框和可能 select 编辑其元素之间创建一个延迟，或者也许通过禁用 select 选项，直到鼠标按钮从 select 框的初始单击中释放之后。

不幸的是，我目前对 JavaScript 的了解非常有限，并且在 Chosen 代码中缺少注释使我很难解决这个问题。我将继续尝试解决问题，但如有任何帮助，我们将不胜感激。

Answer 1

你能在这里试试吗：http://jsfiddle.net/sdrah3g7/1/

我稍微更改了选择的代码。

我在需要的地方设置了 onmousedown 函数，而不是 onmouseup。

this.search_results.bind('mousedown.chosen', function(evt) { // mouseup to mousedown
    _this.search_results_mousedown(evt); // this function call changed to mousedown and function name also
});

代码更改日期：

- 第 684、685 行 - 这是上面的代码
- 第 967 行 - 函数名称
- 第 525 行 - 触摸事件的函数调用

您可以下载更改后的所选脚本here

Position Chosen select box choices on top of select box without auto-selecting the first option

Position Chosen select box choices on top of select box without auto-selecting the first option

html

css

jquery

select

jquery-chosen