31
¿Cómo se crea una lista desplegable dinámicamente con jQuery? Por lista desplegable, me refiero a <select> con sus valores asociados <option>.¿Cómo crear una lista desplegable dinámicamente usando jQuery?
A
Respuesta
3
64
Basta con crear los elementos como cualquier elemento.
Ejemplo:
var data = {
'foo': 'bar',
'foo2': 'baz'
}
var s = $('<select />');
for(var val in data) {
$('<option />', {value: val, text: data[val]}).appendTo(s);
}
s.appendTo('body'); // or wherever it should be
+0
http://www.c-sharpcorner.com/UploadFile/dhananjaycoder/dynamically-adding-dropdown-using-jquery/ - El enlace de arriba explica cómo funciona la respuesta anterior paso a paso ... Será útil. Solo mira eso. :) – vinodh
7
En su forma más simple,
var opt = "<option> -- Select -- </option>";
$(opt).wrap('<select />');
$('#some-container-div').html(opt);
Cuestiones relacionadas
- 1. ¿Cómo agrego una opción a una lista desplegable usando jQuery?
- 2. ¿Cómo configuro dinámicamente la opción seleccionada de una lista desplegable usando JQuery, Javascript y html?
- 3. Rellenar lista desplegable seleccionar con una matriz usando jQuery
- 4. ¿Encuentra el valor máximo en una lista desplegable usando jQuery?
- 5. Llenar una lista desplegable de forma dinámica con Javascript/jQuery
- 6. ¿Cómo puedo crear dinámicamente una lista desordenada en JavaScript?
- 7. ¿Cómo crear opciones de un elemento seleccionado dinámicamente usando jquery?
- 8. Cómo filtrar las opciones de una lista desplegable usando otra lista desplegable
- 9. cómo enlazar una lista desplegable en gridview?
- 10. ¿Cómo puedo crear una lista desplegable editable en HTML?
- 11. ¿Cómo crear una lista desplegable sin usar UIPIckerviewcontroller en iPhone?
- 12. ¿Cómo llenar una lista desplegable con datos json en jquery?
- 13. JQuery: crear dinámicamente Tag select
- 14. jQuery para crear dinámicamente fragmentos HTML complejos
- 15. Lista desplegable de Excel usando Apache POI
- 16. Cómo eliminar un elemento seleccionado de una lista desplegable (usando Jquery)
- 17. ¿Cómo puedo arrastrar un elemento a una lista desplegable usando jQuery UI sortable()?
- 18. Crear botones dinámicamente con Jquery
- 19. jQuery menú desplegable desplegable
- 20. Ordenando la lista desplegable usando Javascript
- 21. Cerrar una lista desplegable SELECT programáticamente con Javascript/jQuery
- 22. Borrar la lista desplegable con JQuery
- 23. Copiar la lista de opciones de la lista desplegable. JQuery
- 24. crear dinámicamente una enumeración
- 25. Jquery: lista desplegable de filtro mientras escribe
- 26. usando ajax con la lista desplegable mvc3
- 27. Agregar Div Dinámicamente usando JQuery
- 28. ¿Cómo convertir la lista desordenada en una lista desplegable de <select> con jquery?
- 29. ¿Cómo usar iconos en una lista desplegable?
- 30. onchange - el menú desplegable seleccionado usando jquery
'list' desplegable? ¿te refieres a la etiqueta '
¿Es posible proporcionar un poco más de información? – Tim