Foros del Web - Ver Mensaje Individual - Enviar option de un select de formulario en lugar del value

art_rockerd · #6 (**permalink**) 06/02/2013, 09:51

Cita:

Iniciado por Lecquio

Hola.
Tengo este select en un formulario:

Código PHP:

  <select id="idmodelo" name="idmodelo" >
               <option value="4">Calidad</option>
               <option value="5">Medio Ambiente</option>
               <option value="6">Prevención</option>
</select>

Y mediante $_POST['idmodelo'] puedo mandarme el value por mail, pero lo que yo necesito es enviar el texto (calidad, prevencion) en lugar del value (4, 6)
No puedo poner los textos en el value porque son select dependientes y coge los valores de una BD.
¿Como puedo hacer esto?

Hola amigo, aqui te pongo esto, obtienes el "Texto" del select, no el VALUE, y en este caso lo que hago es mandar un alert con ese valor, pero tu puedes hacer lo que quieras con el, enviarlo a PHP para guardarlo en bdd, imprimirlo en otro div, etc,etc..

Esta version es con JQUERY (recuerda que debes agregar la libreria de jquery,yo estoy usando "jquery-1.8.2.min.js"

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>con jQuery</title>
<!-- AGREGAMOS LA LIBRERIA DE JQUERY-->
<script src="js/jquery-1.8.2.min.js" type="text/javascript" ></script>
<script type="text/javascript" language="javascript">
$(document).ready(function()
{
    //En cada cambio ejecutamos la funcion
    $("#idmodelo").change(function(){
        //guardamos en una variable 'texto' la opcion seleccionada
        var texto=$("#idmodelo option:selected").html();
        //Hacer lo que tu quieras hacer con ese valor, en este caso un alert.
        alert (texto);
        });
});//END DOCUMENT.READY
</script>
</head>
 
<body>
<select id="idmodelo" name="idmodelo">
               <option value="4">Calidad</option>
               <option value="5">Medio Ambiente</option>
               <option value="6">Prevención</option>
</select>  
</body>
</html>

Ahora si lo quieres solo con Javascript....

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>con Javascript</title>
<script type="text/javascript" language="javascript">
 
function mostrarText(){
 
    var selObj = document.getElementById('idmodelo');//recuperas la lista y la guardas en un objeto
       var selIndex = selObj.options[selObj.selectedIndex].text;//del objeto lista recuperas el texto que fue elegido y lo almacenas en una variable (selIndex)
        //Imprimes, evias a BDD, o haces lo que quieras con ese valor.
        alert (selIndex);
    }
 
</script>
</head>
 
<body>
<!-- En cada cambio de opcion se hace la llamada a la funcion mostrarText-->
<select id="idmodelo" name="idmodelo" onchange="mostrarText()">
               <option value="4">Calidad</option>
               <option value="5">Medio Ambiente</option>
               <option value="6">Prevención</option>
</select>  
</body>
</html>

Saludos espero que te sirva.