select dinamico

manuelle · #1 (**permalink**) 21/02/2011, 20:52

hola comunidad tengo un problema, tengo una pagina donde tengo un boton y un select cuando hago click en el boton con javascript selecciono un elemento del select, ahora cuando el select cambia el valor que tiene tiene que ejecutarse una funcion javascript, el problema esta en que esa funcion yo la pongo en el onchange del select pero cuando hago click en el boton se actualiza el select no se dispara el onchange y no se ejecuta la funcion, que podria hacer para resolver esto

saludos manuelle

ehguacho · #2 (**permalink**) 22/02/2011, 00:22

mostra tu codigo, a lo mejor tenes un error en el script y podemos ayudarte, pero si no mostras nada se medio complicado!

manuelle · #3 (**permalink**) 22/02/2011, 09:21

hola ehguacho gracias por responder mira auiq esta mi codigo, te dars cuenta que cuando presiono el boton se modifica el select pero no me muestra el alert porque esta en el onchange del select y este no se dispara

Código:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>

        <select id="select" onchange="mostraralert()">
            <option value="1">opccion1</option>
            <option value="2">opccion2</option>
            <option value="3">opccion3</option>
            <option value="4">opccion4</option>
        </select>
        <input type ="button" value="..." onclick="cambiarselect()"/>
    </body>

<script type="text/javascript">

function cambiarselect()
{
   select =  document.getElementById('select').selectedIndex = 2;
}

function mostraralert()
{
   alert('prueba');
}

</script>

</html>

omarMusic · #4 (**permalink**) 22/02/2011, 09:52

La verdad no estoy seguro que un evento pueda ejecutar otro evento, talves si se puede q es lo mas seguro, pero yo te aconsejeria q lo hagas mas simple, digamos si quisieras mostrar el value del select en el evento onchange, tendrias q forzar q cuando se ejecute el evento onclick hacer una llamada a la función del evento onchange, algo asi:

Código HTML:

Ver original<html>
    <head>
        <title></title>
        <script type="text/javascript">
            function cambiarselect() {
               var select =  document.getElementById('select');
               select.selectedIndex = 2;
               mostraralert(select);
            }
            function mostraralert(select) {
                alert(select.value);
            }
        </script>
    </head>
    <body>
        <select id="select" onchange="mostraralert(this)">
            <option value="1">Opcion1</option>
            <option value="2">Opcion2</option>
            <option value="3">Opcion3</option>
            <option value="4">Opcion4</option>
        </select>
        <input type ="button" value="..." onclick="cambiarselect()"/>
    </body>
</html>

Saludos!

ehguacho · #5 (**permalink**) 22/02/2011, 10:56

a mi la verdad se me hace extraño que un onChange pueda llamar a otro evento, porque este otro evento también podria modificar al select nuevamente, con lo cual se dispararia de nuevo el onChange inicial y se convertiría en algo infinito...