位置选择框顶部的选择框选项,而不自动选择第一个选项

时间:2016-05-17 18:32:46

标签: jquery html css select jquery-chosen

我一直在努力将选择框的选择位置放在选择框的顶部,而不会在最初点击选择框时自动选择第一个选项。

以下是该问题的JSFiddle:http://jsfiddle.net/sdrah3g7/

以下是我想通过css定位选项的方法:

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

我觉得这可以通过修改选择的JS文件来解决,以便在单击选择框和选择其元素之间创建延迟,或者可以通过禁用选择选项直到鼠标按钮之后已从最初单击选择框中释放。

不幸的是,我目前对JavaScript的了解非常有限,而且选择代码中缺乏评论使得我很难解决这个问题。我将继续尝试解决这个问题,但我们将非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

你可以在这里试试:http://jsfiddle.net/sdrah3g7/1/

我改变了选择的代码。

而不是onmouseup我将onmousedown功能设置在需要它的位置。

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