El tutorial o código que encontrarás en este post es la resolución más rápida y válida que hallamos a esta inquietud o problema.
Solución:
Necesitas conectar en cascada el .change()
eventos de los tres cuadros de texto tales que:
- Cambio de país:
- Vacía el menú desplegable de estado y ciudad.
- Rellena el menú desplegable de estado (asincrónicamente)
- Cambio de estado:
- Vacía el menú desplegable de la ciudad
- Rellenar el menú desplegable de la ciudad (asincrónicamente)
A continuación se muestra un borrador de esquema que muestra cómo encadenar los controladores de eventos. Los menús desplegables se completan de forma asíncrona, por lo que los menús desplegables dependientes se vacían antes de la solicitud de AJAX.
$("#country").change(function ()
$("#state, #city").find("option:gt(0)").remove();
$("#state").find("option:first").text("Loading...");
$.getJSON("/get/states",
country_id: $(this).val()
, function (json)
$("#state").find("option:first").text("");
for (var i = 0; i < json.length; i++)
$("").attr("value", json[i].id).text(json[i].name).appendTo($("#state"));
);
);
$("#state").change(function ()
$("#city").find("option:gt(0)").remove();
$("#city").find("option:first").text("Loading...");
$.getJSON("/get/cities",
state_id: $(this).val()
, function (json)
$("#city").find("option:first").text("");
for (var i = 0; i < json.length; i++)
$("").attr("value", json[i].id).text(json[i].name).appendTo($("#city"));
);
);
Exactamente como otros dijeron, tienes que manejar el onchange
evento de país y estado seleccione entradas y aplique su lógica. He jugado aquí para obtener estados dinámicamente al seleccionar un país, es posible que pueda codificar el resto usted mismo – Fiddle
También puede ver este menú desplegable de relleno basado en otro valor desplegable
Aquí tienes las reseñas y calificaciones
Al final de todo puedes encontrar las críticas de otros usuarios, tú de igual manera puedes dejar el tuyo si lo crees conveniente.