jquery - mostrar - menus desplegables

Evento de cambio de desencadenador de menú desplegable

Question

Deseo desencadenar el evento de cambio del menú desplegable en $ (documento) .Ready utilizando jquery.

Tengo un menú desplegable en cascada para el país y el estado en la página de detalles del usuario. ¿Cómo puedo establecer el valor (que se toma de DB basado en la identificación del usuario) para el país y el estado en MVC con C #.

Answer 1

No sé mucho de JQuery, pero he oído que permite activar eventos nativos con esta sintaxis.

$(document).ready(function(){

    $(''#countrylist'').change(function(e){
       // Your event handler
    });

    // And now fire change event when the DOM is ready
    $(''#countrylist'').trigger(''change'');
});

Más información here .

Answer 2

Prueba esto:

$(''#id'').change();

Funciona para mi.

En una línea junto con establecer el valor: $(''#id'').val(16).change();

Answer 3

Prueba esto:

$(document).ready(function(event) {
    $(''#countrylist'').change(function(e){
         // put code here
     }).change();
});

Defina el evento de cambio y actívelo de inmediato. Esto garantiza que el controlador de eventos esté definido antes de llamarlo.

Podría llegar tarde para responder el póster original, pero alguien más podría beneficiarse de la notación abreviada, y esto sigue el encadenamiento de jQuery, etc.

jquery encadenando

Answer 4

Si está intentando vincular los menús desplegables, la mejor manera de hacerlo es tener un script que devuelva el cuadro de selección precompilado y una llamada AJAX que lo solicite.

Aquí está la documentación para el método Ajax de jQuery si lo necesita.

$(document).ready(function(){

    $(''#countrylist'').change(function(e){
        $this = $(e.target);
        $.ajax({
            type: "POST",
            url: "scriptname.asp", // Don''t know asp/asp.net at all so you will have to do this bit
            data: { country: $this.val() },
            success:function(data){
                $(''#stateBoxHook'').html(data);
            }
        });
    });

});

A continuación, tenga un lapso alrededor de su cuadro de selección de estado con el id de "stateBoxHook"

Answer 5

alternativamente puede poner el atributo de cambio en la lista desplegable misma, que onchange llamará a cierta función jquery como esta.

<input type="dropdownlist" onchange="jqueryFunc()">

<script type="text/javascript">
$(function(){
    jqueryFunc(){
        //something goes here
    }
});
</script>

Espero que este te ayude, y ten en cuenta que este código es solo un borrador, no probado en ninguna ide. Gracias