entre Desarrolladores

Question

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>

¿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.

Answer 1

1 Respuestas

Humberto · Answer 2 · 2016-05-22T13:56:02+0000

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.

Pregunta

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

carlossevi comentado May 18, 2016

Humberto comentado May 18, 2016

Por favor, accede o regístrate para añadir un comentario.

1 Respuesta

Por favor, accede o regístrate para añadir un comentario.

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

En el blog

Otras Preguntas y Respuestas

Sin Respuesta

Preguntas relacionadas

Actividad Reciente

alyvrs preguntó Oct 19

ManHol preguntó Jul 9

ArtEze respondió Abr 24

ArtEze seleccionó una respuesta Abr 24

ArtEze respondió Abr 24

ArtEze preguntó Abr 24

ArtEze respondió Abr 24

ArtEze respondió Abr 24

ArtEze comentó Abr 24

Santiago2610 comentó Mar 23

Ultimas Preguntas

alyvrs preguntó

ManHol preguntó

ArtEze preguntó

Santiago2610 preguntó

gonzalss preguntó

ParkJo preguntó

ovedg preguntó

Ehdez preguntó

pedrourday preguntó

pedrourday preguntó

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

Etiquetas

Categorías

Conecta