JQuery：无限输入选择

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

谢谢

Answer 1

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

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

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

Answer 2

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

Answer 3

 $('#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 4

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

Answer 5

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