Buen reemplazo del cuadro combinado de Javascript para cajas combinadas con toneladas de elementos.

html combobox

Question

Tengo una página donde mi cuadro combinado tiene cientos de elementos, lo que hace que sea muy difícil elegir el artículo que quiero. ¿Hay un buen reemplazo de Javascript que haría mejor que

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

¿Hay algo con "autocompletado" similar a "Intellisense"?

Answer 1

Compruebe el complemento de jQuery Autocomplete , es fácil de usar, solo debe generar un servidor de respuesta JSON.

Mira esto demos .

Answer 2

El autocompletador que usa Prototype y Scriptaculous funciona bien en esta situación.

Answer 3

En HTML 5 hay un cuadro combinado estándar.

Actualmente, solo Opera lo admite, pero si eres un viajero en el tiempo o escribes una aplicación exclusiva de Opera, es una buena solución :)

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

Answer 4

Solo una nota: si el cuadro de selección está enfocado al momento, puede escribir en su teclado y lo llevará a la selección que comienza con ese texto, por lo que al escribir "ken" en un menú desplegable Estado de EE. UU. Se seleccionará automáticamente la opción "Kentucky" .

Answer 5

Puede probar esta realización de combobox http://www.zoonman.com/projects/combobox/

• JavaScript puro Editable Admite IE6.
• Diseño HTML no estándar.

Answer 6

Creo que la biblioteca gratuita de typeahead.js Twitter es la mejor biblioteca de autocompletar disponible en la actualidad. Compruébelo en http://twitter.github.io/typeahead.js/

Answer 7

Tiene dhtmlCombo , usando ajax para recuperar datos cuando está llenando el campo de entrada.

dhtmlxCombo es un cuadro combinado de JavaScript entre navegadores con función de autocompletar.

Extiende la funcionalidad de selectbox básica para cumplir con los requisitos de las aplicaciones web más actualizadas.

dhtmlxCombo se puede convertir desde HTML SELECT existente o poblado con JavaScript. Compatible con AJAX, también puede obtener valores de lista del origen de datos del servidor dinámicamente .