2011-03-15 33 views
6

En mi aplicación móvil jQuery, quiero mostrar el resultado de un servicio web en una lista. ¿Cómo creo la lista dinámicamente?¿Cómo crear una lista en HTML de forma dinámica?

+1

consulte http://stackoverflow.com/questions/5048360/dynamically-creating-jquery-mobile-pages-using-jquery-templates y http://stackoverflow.com/questions/4039428/jquery-mobile-dynamically- creating-form-elements – Akshatha

+0

¿Puedes sugerir algunos otros ejemplos? – selladurai

Respuesta

14
var arr = ["list", "items", "here"]; 
$("div").append("<ul></ul>"); 
for(var i in arr) { 
    var li = "<li>"; 
    $("ul").append(li.concat(arr[i])) 
} 
+0

En esa lista, ¿cómo puedo obtener el valor seleccionado? – selladurai

+0

En esta lista, no hay ningún valor "seleccionado". Es una lista de solo visualización. Constrúyalo con ** seleccionar ** y ** opción ** en lugar de ** ul ** y ** li ** si desea una lista de selección. –

15

Mejor aún,

$.each(
    a , 
    function(i,v) { 
     $("#target_id").append("<li>" + v + "</li>") ; 
    } 
) ; 

Dónde a es una matriz de objetos para el contenido de la lista, i es la variable de índice pasa a la función de devolución de llamada jQuery.each ($.each) y v es el valor de ese índice.


Como referencia: http://api.jquery.com/jQuery.each/.

Cuestiones relacionadas