Saltar al contenido

Complete los menús desplegables de estado y ciudad según el país y el estado usando jQuery

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++) 
            $("

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *