jquery - name - tagit

Llenado de un cuadro de selección basado en la selección en otro cuadro de selección-¿JQuery?

Question

Estoy intentando rellenar un cuadro de selección en función de la selección realizada en el primer cuadro de selección. Busqué en línea y encontré mucha información útil sobre opciones codificadas, pero necesito que mis opciones provengan de una consulta (como cfquery en coldfusion). Sé que una consulta es del lado del servidor, por lo que no puedo incluirla en mi jquery, pero ¿hay otra opción?

Estaba usando el siguiente ejemplo:

HTML:

<select id="counties">
    <option> </option>
    <option> somerset </option>
    <option> hertfordshire </option>
</select>

<select id="towns" disabled="true">
</select>

JS:

var countyTowns = [
    ["Bath", "Bristol"],
    ["Letchworth", "Hitchin"]
];

$("#counties").change(function() {
    var county = this.selectedIndex - 1;
    $("#towns").empty();
    if (county === -1) {
        $("#towns").attr("disabled", true);
    } else {
        var towns = countyTowns[county];
        for (var i = 0; i < towns.length; i++) {
            $("#towns").append($("<option></option>").text(towns[i]));
        }
        $("#towns").attr("disabled", false);
    }
});

Lo que necesitaría es que las ciudades sean dinámicas y puedan leerse desde una base de datos.

¡Cualquier ayuda es muy apreciada!

Gracias

Answer 1

Aquí tienes algunos ejemplos:

• http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html (Quizás el mejor, comience aquí)

• http://blog.chapagain.com.np/using-jquery-ajax-populate-selection-list/