JQuery：无限输入选择

Question

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

感谢

Answer 1

我认为你最好的选择是创建一个伪选择控件（也许是CSS溢出的DIV，或者滚动的多行文本框？）。

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

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

Answer 2

没有事件，你可以用它来检测时，他们已经达到了选择的底部，你可以在底部的东西，如“加载更多”，将动态地添加新的选项，添加一个选项列表。您甚至可以将onmouseover事件添加到此底部选项，以便他们不必点击以加载新选项。

Answer 3

我不认为这是可能的只是使用select，也许你可以模拟select使用div或其他东西你自己。

Answer 4

没有办法检测到实际选择框上的滚动，所以这是不可能的，因为问。但是，您可以创建一个自定义选择框控件，该控件只是一个滚动div，并将其应用于该控件。

Answer 5

$('#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 
    } 
}); 

警告：这只有在他们选择最下面的项目时才有效......不仅仅是将它放在其上。