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 
    } 
}); 

警告：這隻有在他們選擇最下面的項目時纔有效......不僅僅是將它放在其上。