rellenar un select con AJAX

[Erickvk]

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.

[laratik]

Espero que te sirva:

Código Javascript:

function getXMLHttpRequest() {
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest();
    } catch(e1) {
        try {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e2) {
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch(e3) {
                xmlHttp = null;
            }
        }
    }
    return xmlHttp;
}
 
function llenarCombo() {
    var xmlHttp = getXMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            var r = xmlHttp.responseXML;
            var datos = r.getElementsByTagName("option");
            var sel = document.getElementById("target");
            sel.length = 0;//se borran los elementos del select
            for (var i = 0; i<datos.length; i++) {
                var opt = document.createElement("option");
                var text = document.createTextNode(datos[i].textContent);
                opt.appendChild(text);
                sel.appendChild(opt);
            }
        }
    };
    xmlHttp.open("GET", "llenar.xml", true);
    xmlHttp.send(null);
}
 
 
window.onload = llenarCombo;