JavaScript - Ayuda case y select

   
Vista:

Ayuda case y select

Publicado por Josema (6 intervenciones) el 12/02/2018 18:57:20
Hola, es algo sencillo pero en esto de programación estoy un poco pez...
Tengo este código

1
2
3
4
5
6
<div class="tipo_vehiculo">
<label>- Selecciona el tipo de vehículo: </label><select id="tipo_vehiculo"  onchange="multiplicar();">
    <option value="1">Turismo</option>
    <option value="2">Motocicleta</option>
    <option value="3">Maquinaría Agrícola</option>
</select>

Lo que quiero es que en función del elemento escogido en esa lista me haga una operación, eso antes lo controlaba a través de un checked y un if de la siguiente manera:

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
<script>
 
function multiplicar(){
 
    m1 = document.getElementById("valorfiscal").value;
 
 
 
    r = (m1*0.06)+123.7;
 
    r2= (m1*0.06)+96.7;
 
    r3= (m1*0.06)+183.33;
 
    if (document.getElementById('ch1').checked) {
 
      document.getElementById("resultado").value = r2;
 
    }else if (document.getElementById('ch2').checked) {
 
        document.getElementById("resultado").value = r3;
 
    }else{
 
	  document.getElementById("resultado").value = r;
 
	}
 
}
 
</script>

Pero ahora con el case no consigo hacerlo funcionar....
Gracias mil!!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Ayuda case y select

Publicado por Francisco (1 intervención) el 20/02/2018 14:08:28
Comprueba este código, solo te queda adaptarlo al tuyo.
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
 
</head>
<body>
    <div class="tipo_vehiculo">
        <label>- Selecciona el tipo de vehículo: </label>
        <select id="tipo_vehiculo" onchange="multiplicar();">
            <option value="1">Turismo</option>
            <option value="2">Motocicleta</option>
            <option value="3">Maquinaría Agrícola</option>
        </select>
    </div>
    <input type="text" id="resultado">
    <script>
        function multiplicar(){
            m1 = document.getElementById("tipo_vehiculo").value;
            r = (m1*0.06)+123.7;
            r2= (m1*0.06)+96.7;
            r3= (m1*0.06)+183.33;
            if (m1.value==="1") {
                document.getElementById("resultado").value = r2;
            }else if (m1.value==="2") {
                document.getElementById("resultado").value = r3;
            }else{
                document.getElementById("resultado").value = r;
            }
        }
        </script>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar