entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

¿cambiar el texto de un label en javascript con un select option?

mi codigo de js es de resolver teorema de pitagoras
un ejemplo de lo que quiero hacer es esto:
http://www.calculadoraconversor.com/calculadora-teorema-de-pitagoras/
dice lo siguente:

<label id="label1">
<script>
        var y = document.getElementById("seleccion").options;
        var x = document.getElementById("seleccion").selectedIndex;
        switch (y[x].index){
    case 0:
        document.getElementById("Label1").innerHTML="hipotenusa";
        break;
    case 1:
        document.getElementById("Label1").innerHTML="cateto opuesto";
        break;
    case 2:
        document.getElementById("Label1").innerHTML="cateto adyasente";
        break;}
 </script>
</label>

2votos

carlossevi comentado

¿Y el resto del código? En la parte que has publicado no aparece la estructura del html por lo que no sabemos ni si los id son correctos.

0voto

Humberto comentado

pd esque no entendi el post tmbn soy nuevo

1 Respuesta

1voto

manuel26892 Puntos1360

Esta forma es mediante JavaScript espero que te sirva.

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            window.onload = function () {
                document.getElementById("cambiarLabel").addEventListener("click",cambiarLabel,false);
            };
            function cambiarLabel() {
                var lista = document.getElementById("cambiarLabel");
                var indiceSeleccionado = lista.selectedIndex;
                var opcionSeleccionada = lista.options[indiceSeleccionado];
                var textoSeleccionado = opcionSeleccionada.text;
                document.getElementById("label1").innerHTML = textoSeleccionado;

            }
        </script>
    </head>
    <body>
        <select id="cambiarLabel">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
        <label id="label1"></label>
    </body>
</html>

La parte de la obtención del texto del index es de aquí http://librosweb.es/libro/javascript/capitulo_7/utilidades_basicas_para_formularios.html punto 7.2.1.4 con jquery es más sencillo.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta