JQuery：无限输入选择

Question

我想知道是否可以使用JQuery创建无限输入选择： 换句话说，我想在我的选择中加载x选项，并在用户到达底部时加载更多。

由于

Answer 1

无法检测实际选择框上的滚动，因此无法按要求进行检测。但是，您可以创建一个自定义选择框外观控件，它只是一个滚动div并将该功能应用于它。

Answer 2

$('#selectElm').change(function()
{
   var selIndex = $('#selectElm').attr("selectedIndex");
   var numItems = $(this).children('option').length);
   if (selIndex == numItems - 1) //then we are at the bottom item
   {
      //add new items here
   } 
});

警告：这只有在他们选择底部项目时才有效......而不仅仅是将鼠标放在上面。

Answer 3

我认为你最好的选择是创建一个伪选择控件（可能是带有CSS溢出的DIV，还是一个滚动的多行文本框？）。

我相信你想要的效果类似于你在这里可以看到的滚动列表（首先选择火车jouney）：

http://tickets.eastcoast.co.uk/ec/en/JourneyPlanning/MixingDeck

Answer 4

没有任何事件可以用来检测它们何时到达选择的底部，您可以在底部添加一个选项，例如“加载更多”，这将动态地向列表中添加新选项。您甚至可以在此底部选项中添加onmouseover事件，以便他们不必单击以加载新选项。

Answer 5

我认为不可能只使用select，也许您可​​以自己模拟select使用div或其他事情。