将选择框选项放置在选择框顶部而不自动选择第一个选项答案

【问题标题】：Position Chosen select box choices on top of select box without auto-selecting the first option将选择框选项放置在选择框顶部而不自动选择第一个选项
【发布时间】：2016-05-17 18:32:46
【问题描述】：

我一直在尝试将选择框的选项放置在选择框本身的顶部，而不是在最初单击选择框时自动选择第一个选项，但没有成功。

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

这是我想通过 css 定位选择的方式：

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

我有一种感觉，可以通过修改 Chosen JS 文件来解决这个问题已从选择框的初始单击中释放。

不幸的是，我目前对 JavaScript 的了解非常有限，而且在选择的代码中缺乏注释使我难以解决这个问题。我将继续尝试解决该问题，但我们将不胜感激。

【问题讨论】：

删除top: 0 !important; 可以根据需要进行。我认为当您单击输入框并导致第一个下拉自动选择时，单击正在注册。
@Rikin 谢谢，但top: 0; 是页面设计所必需的。

标签： jquery html css select jquery-chosen

【解决方案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

【讨论】：

非常感谢！它为什么现在这样做是有道理的。感谢您的帮助。