Recuperar un campo de una consulta en una lista

QuiqueGr · #1 (**permalink**) 14/03/2011, 16:24

Hola a todos.

Estoy cargando un select con el resultado de una consulta de la siguiente forma:

Código PHP:

Ver original<select name="idproducto">
    <?php 
        do {  
    ?>
        <option value="<?php echo $row_rsProductos['idproducto']?>" ><?php echo $row_rsProductos['idproducto']?> -- <?php echo $row_rsProductos['precio']?></option>
     <?php
        } while ($row_rsProductos = mysql_fetch_assoc($rsProductos));
    ?>
</select>

Me gustaría sacar a un input oculto el valor del precio una vez que se cambie el select. He usado el evento onchange, pero siempre me saca el valor del primer registro, ya que no está dentto del do...while. Si lo pongo dentro, me escribe tantos select como registros haya en la consulta.

¿Alguna idea de como puedo hacerlo?

Gracias a todos. Un saludo.

memoadian · #2 (**permalink**) 14/03/2011, 17:17

si quieres un campo hidden para mandar el precio significa que lo quieres mandar via post a algun lado no?

¿No sería más facil mandar solo el id del articulo y recuperar su precio con una consulta mysql en el archivo que recibe los datos?

además asi ya recuperas todo lo relacionado al articulo sin tantos problemas.

nachocb_66 · #3 (**permalink**) 14/03/2011, 17:23

Hola,

puedes utilizar el evento onchange para tomar el valor de la opcion seleccionada, tomando la propedad value de la opcion y partiendo esa cadena para que te quede solo el valor, ese lo tomas y lo colocas en el campo hidden.

Como esa explicación esta un poco enredada te coloco un ejemplo rápido:

Código HTML:

Ver original<html>
    <head><TITLE></TITLE>
        <script type="text/javascript" language="JavaScript">
            function p(){
                a = document.getElementById("se");
                valor = a.value.split("--")[1];
                
                document.getElementById("o").value = valor; 
            }
        </script>
    </head>
    <body>
        <select onchange="p();" id="se">
            <option id="1" value="1 -- 5">a </option>
            <option id="2" value="2 -- 8">s </option>
            <option id="3" value="3 -- 7">d</option>
        </select>
        <input type="hidden" id="o">
    </body>
</html>

QuiqueGr · #4 (**permalink**) 15/03/2011, 12:55

Gracias nachocb_66.

Funciona OK.

Un saludo.