Estoy tratando de completar un cuadro de selección basado en 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 un cfquery es del lado del servidor, por lo que no puedo incluirlo 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);
    }
});

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

¡Cualquier ayuda es muy apreciada

Gracia