Хорошая замена Javascript Combo Box для комбо-боксов с тоннами элементов?

Question

У меня есть страница, где мое поле со списком содержит сотни элементов, что затрудняет выбор одного элемента, который я хочу. Есть ли хорошая замена Javascript, которая будет лучше, чем

<select id="field-component" name="field_component"> 
                  <option selected="selected">1</option><option>2</option>...
</select>

Есть ли что-то с "Intellisense", как автозаполнение?

Answer 1

В HTML 5 есть стандартное поле со списком.

В настоящее время его поддерживает только Opera, но если вы путешествуете во времени или пишете приложение только для Opera, это хорошее решение :)

<input type=text list=listid>
<datalist id=listid>
  <select><option>1<option>2</select>
</datalist>

Answer 2

Проверьте плагин jQuery Autocomplete , он прост в использовании, вам нужно только сгенерировать JSON-ответ на стороне сервера.

См. это демонстрации .

Answer 3

У вас есть dhtmlCombo , использующий ajax для извлечения данных при заполнении поля ввода.

dhtmlxCombo - это кросс-браузерный комбинированный список JavaScript с функцией автозаполнения.

Расширяет базовую функциональность selectbox, чтобы удовлетворить требования самых современных веб-приложений.

dhtmlxCombo может быть преобразован из существующего HTML SELECT или заполнен JavaScript. Поддерживая AJAX, он также может динамически получать значения списка из источника данных сервера .

Answer 4

Я думаю, что бесплатная библиотека typeahead.js в Twitter - лучшая библиотека автозаполнения, доступная на сегодняшний день. Проверьте это в http://twitter.github.io/typeahead.js/

Answer 5

Вы можете попробовать эту реализацию комбинированного списка http://www.zoonman.com/projects/combobox/

• Чистый JavaScript. Редактирование. Поддерживает IE6.
• Нестандартный макет HTML.

Answer 6

Просто примечание: если поле выбора в данный момент сфокусировано, вы можете набрать текст на клавиатуре, и он перенесет вас к выделению, начинающемуся с этого текста, поэтому при вводе «ken» в раскрывающемся списке «Штат США» будет автоматически выбран « Кентукки "вариант.

Answer 7

Автозаполнение с использованием Прототип и Scriptaculous хорошо работает в этой ситуации.