Foros del Web » Programando para Internet » Javascript » Frameworks JS »

rellenar un select con AJAX

Estas en el tema de rellenar un select con AJAX en el foro de Frameworks JS en Foros del Web. Por favor podian ponerme un ejemplo sencillo de como rellenar un combo con AJAX. En mi caso el xml que devuelve AJAX se va a ...
  #1 (permalink)  
Antiguo 17/03/2011, 06:17
 
Fecha de Ingreso: septiembre-2007
Mensajes: 254
Antigüedad: 10 años, 2 meses
Puntos: 7
rellenar un select con AJAX

Por favor podian ponerme un ejemplo sencillo de como rellenar un combo con AJAX.

En mi caso el xml que devuelve AJAX se va a usar para rellenar varios combos. Pero con uno me vale.

El combo puede estar relleno en ese caso deberá vaciarse antes.

Muchas gracias por las molestias.
  #2 (permalink)  
Antiguo 17/03/2011, 09:58
Avatar de laratik  
Fecha de Ingreso: mayo-2010
Ubicación: Cali
Mensajes: 317
Antigüedad: 7 años, 6 meses
Puntos: 63
De acuerdo Respuesta: rellenar un select con AJAX

Espero que te sirva:
Código Javascript:
Ver original
  1. function getXMLHttpRequest() {
  2.     var xmlHttp;
  3.     try {
  4.         xmlHttp = new XMLHttpRequest();
  5.     } catch(e1) {
  6.         try {
  7.             xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  8.         } catch(e2) {
  9.             try {
  10.                 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  11.             } catch(e3) {
  12.                 xmlHttp = null;
  13.             }
  14.         }
  15.     }
  16.     return xmlHttp;
  17. }
  18.  
  19. function llenarCombo() {
  20.     var xmlHttp = getXMLHttpRequest();
  21.     xmlHttp.onreadystatechange = function() {
  22.         if (xmlHttp.readyState == 4) {
  23.             var r = xmlHttp.responseXML;
  24.             var datos = r.getElementsByTagName("option");
  25.             var sel = document.getElementById("target");
  26.             sel.length = 0;//se borran los elementos del select
  27.             for (var i = 0; i<datos.length; i++) {
  28.                 var opt = document.createElement("option");
  29.                 var text = document.createTextNode(datos[i].textContent);
  30.                 opt.appendChild(text);
  31.                 sel.appendChild(opt);
  32.             }
  33.         }
  34.     };
  35.     xmlHttp.open("GET", "llenar.xml", true);
  36.     xmlHttp.send(null);
  37. }
  38.  
  39.  
  40. window.onload = llenarCombo;
__________________
Programar apasiona y lo que apasiona es un arte, por lo tanto programar es un arte.

Quiero karma para en mi próxima vida ser un billonario bien dotado con alas.

Última edición por laratik; 17/03/2011 a las 10:14

Etiquetas: ajax, rellenar, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:16.