Problema con Select

grango · #1 (**permalink**) 19/02/2011, 10:21

Buenas tardes a todos.

Este es mi primer post en este foro que en más de una ocasión me ha salvado la vida!

Tengo un problema con recuperar el valor de un select.

Lo que quiero hacer es lo siguiente:
1)Hago click en un botón
2)Se me abre una ventana con un listado de opciones.
3)Después de seleccionar el elemento que me interesa, este mismo elemento debería aparecer en el recuadro de la ventana inicial.

Tengo el codigo picado de la siguiente manera para la ventana principal:

Código:

<script languaje="Javascript">
    function cargaReceiver() {
        var Dato = new String();
        Dato= window.showModalDialog("selectFromList.jsp");
        if (Dato != null || Dato != "") {
            document.forma.receiver.value=Dato;
        }
    }
</script>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <h1>Hello World!</h1>
        <form name="forma" action="/user/sendMsg.do" method="post">
            <input type=text name="receiver" />
            <input type="button" value="Cambia valor" onclick="cargaReceiver()">
        </form>
    </body>
</html>

y así para el selectFromList

Código:

<script languaje="Javascript">
    function devuelvevalor () {
        alert("inicio1");
        var indice = document.formula.colores.selectedIndex;
        alert("inicio2 :" +indice);
        var texto = document.formula.colores.options[indice].value;
        window.returnValue = texto;
        window.close();
    }
</script>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <form name="fomula" action="" method="post">
            <select name="colores" SIZE="3">
               <option value="r">Rojo</option>
               <option value="g">Verde</option>
               <option value="b">Azul</option>
            </select>
            <input type="button" value="Envia dato" onclick="devuelvevalor()">
        </form>
    </body>
</html>

Al ejecutar me aparece el primer alert pero el segundo ya no aparece. Con lo que deduzco que el error se produce en el selectedIndex pero no veo nada sospechoso.

Espero haber sido lo suficientemente claro.

Agradecería mucho vuestra ayuda.

Gracias de antemano.

omarMusic · #2 (**permalink**) 19/02/2011, 11:00

El error es q pusiste el name incorrecto

<form name="fomula" action="" method="post">

cuando tendria q ser así
<form name="formula" action="" method="post">

Saludos!

grango · #3 (**permalink**) 19/02/2011, 13:35

Cita:

Iniciado por omarMusic

El error es q pusiste el name incorrecto

<form name="fomula" action="" method="post">

cuando tendria q ser así
<form name="formula" action="" method="post">

Saludos!

Muchísimas gracias... como la mayoría de los errores que nos bloquean durante mucho rato, era una tontería!

grango · #4 (**permalink**) 20/02/2011, 12:41

Vuelvo a dar la lata.

Al hacer pruebas, me acabo de dar cuenta que mi código no va con mozilla Firefox

La línea que parece molestarle es esta:

Código:

var indice = document.formula.colores.selectedIndex;

Alguien tiene una idea del porqué?

grango · #5 (**permalink**) 22/02/2011, 03:31

Al final lo he solucionado solo!

Había que modificar el javascript del pop up de la siguiente manera:

Código:

<script type="text/javascript">
    function devuelvevalor() {
        var texto;
        var listado = document.getElementById("llista");
        texto = document.getElementById("llista").options[listado.selectedIndex].text;
        window.returnValue = texto;
        window.close();
    }
</script>