Código de JavaScript - Obtener el texto de un option, no su value

Imágen de perfil

Obtener el texto de un option, no su valuegráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 20 de Octubre del 2014 por xve (Creado el 17 de Octubre del 2014)
2.250 visualizaciones desde el 17 de Octubre del 2014. Una media de 21 por semana
En este código se muestra como obtener del <select> de un formulario, el texto del <option>, no su value...

1
<option value="1">texto</option>

Versión 1
estrellaestrellaestrellaestrellaestrella(2)

Publicado el 17 de Octubre del 2014gráfica de visualizaciones de la versión: Versión 1
668 visualizaciones desde el 17 de Octubre del 2014. Una media de 7 por semana

Versión 2 - Gestionar varios <select> con la misma función

Publicado el 20 de Octubre del 2014gráfica de visualizaciones de la versión: Versión 2 - Gestionar varios <select> con la misma función
1.583 visualizaciones desde el 20 de Octubre del 2014. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

En este segundo ejemplo, muestro como gestionar varios <select> utilizando la misma función.

Para ello, pasamos el objeto a la función capturarSelect() desde cada <select>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html lang="es">
    <head>
        <meta charset="utf-8">
 
        <script>
        function capturarSelect(objeto)
        {
            // obtenemos el indice del option seleccionado
            var indice=objeto.selectedIndex;
 
            if(objeto.value>0)
            {
 
                // mediantes su indice, mostramos el texto, no el value!!!
                var resultado="La opción seleccionada es "+objeto.options[indice].text;
                document.getElementById("resultado").innerHTML=resultado;
            }else{
 
                // Si ha seleccionado la primera opcion, vaciamos...
                document.getElementById("resultado").innerHTML="";
            }
        }
        </script>
    </head>
 
    <body>
        <form>
            <select name="miVehiculo" id="miSelect" onchange="capturarSelect(this);">
                <option value="0">selecciona</option>
                <option value="1">coches</option>
                <option value="2">motos</option>
            </select>
 
            <select name="miPais" id="miSelect" onchange="capturarSelect(this);">
                <option value="0">selecciona</option>
                <option value="1">Argentina</option>
                <option value="2">México</option>
            </select>
        </form>
 
        <!-- aqui mostramos el resultado -->
        <div id="resultado"></div>
    </body>
</html>



Comentarios sobre la versión: Versión 2 - Gestionar varios <select> con la misma función (0)


No hay comentarios
 

Comentar la versión: Versión 2 - Gestionar varios <select> con la misma función

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2802