JQuery: бесконечный выбор ввода

Question

Я хотел бы знать, возможно ли создать бесконечный выбор ввода с помощью JQuery: другими словами, я хочу загрузить x опций в моем выборе и загрузить больше, когда пользователь достигнет дна.

Спасибо

Answer 1

Я думаю, что ваш лучший вариант - создать псевдо-элемент управления (возможно, DIV с CSS-переполнением или многострочное текстовое поле с прокруткой?).

Я полагаю, что требуемый эффект будет аналогичнымк спискам прокрутки, которые вы можете увидеть здесь (сначала выберите номер поезда):

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

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

Нет способа обнаружить прокрутку на поле фактического выбора, поэтому это невозможно, как просили.Тем не менее, вы можете создать пользовательский элемент управления в виде блока выбора, представляющий собой просто прокручиваемый элемент div, и применить к нему эту функцию.

Answer 4

Я не думаю, что это возможно, просто используйте select, возможно, вы могли бы смоделировать select использование div или другие вещи самостоятельно.

Answer 5

Нет событий, которые вы можете использовать, чтобы определить, когда они достигли нижней части выбора, вы можете добавить опцию внизу с чем-то вроде «Load More», которая динамически добавит новые опции в список.Вы даже можете добавить событие onmouseover к этому нижнему параметру, чтобы им не приходилось нажимать, чтобы загрузить новые параметры.