使用jQuery自动显示DropDown / ListBox的第一项

时间:2012-02-13 05:39:06

标签: jquery html

我的下拉值为1到50. 35是所选项目。因此,单击此按钮时,35是打开时的默认选项。我希望列表框自动滚动到顶部并显示第一个项目。

即 现在默认列表框显示为

Now the default listbox displayed as

但我希望显示为

the scroll moves up and shows the first option

Jquery有可能吗?请只做那些需要的。感谢

1 个答案:

答案 0 :(得分:0)

不是最好的解决方案,而是一些起点。

var originalValue, isScrolled = false,
isChanged = false,
isFirstClick = false;
$(document).click(function(e) {
   var id = e.target.id;
   if (id == "") id = $(e.target).parent().attr("id");
   if (id != "drop" && (isFirstClick == true)) {
       isFirstClick = false;
       $("#drop").val(originalValue)
   }
});
$("#drop").click(function(e) {
   isFirstClick = !isFirstClick;
   if (isChanged == true) {
       isFirstClick = false;
       isChanged = false;
       return;
   }
   originalValue = $(this).val();
   $(this).val(1);
}).change(function(e) {
   isChanged = true;
});​

在jsFiddle.net上演示:http://jsfiddle.net/g6bVJ/4/

希望这会对你有所帮助。