¿Como cambiar un label segun lo que se escoja en un select?
Publicado por Sebastian (1 intervención) el 10/05/2018 02:37:46
Hola buenas noches tengo un problema estoy aprendiendo js con html y estoy intentando cambiar el texto de un label segun lo que la persona selecciones en un select en html y js y no logro que me funcione:
la idea es que si el usuario marca "zapatos" el label que esta abajo cambie a "10000"
no logro concretarlo una ayudita porfa sorry si la pregunta es tonta llevo poco en js
saludos!!!!
Muestro los codigos que llevo hasta el momento:
la idea es que si el usuario marca "zapatos" el label que esta abajo cambie a "10000"
no logro concretarlo una ayudita porfa sorry si la pregunta es tonta llevo poco en js
saludos!!!!
Muestro los codigos que llevo hasta el momento:
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
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>
<title></title>
<script src="funcion.js"></script>
</head>
<body>
<select id="producto" onchange="ShowSelected();" name="producto">
<option value="ropa">ropa</option>
<option value="zapatos">zapatos</option>
</select>
<label name="lbl" id="lbl"></label>
</body>
</html>
<script type="text/javascript">
function ShowSelected()
{/* Para obtener el valor */var cod = document.getElementById("producto").value;
var lable =document.querySelector('#lbl');
label.textContent='1000';
//var txt = document.getElementById("lbl").value;
alert(cod);
/* Para obtener el texto */var combo = document.getElementById("producto");
var selected = combo.options[combo.selectedIndex].text;
alert(selected);
if(selected == "zapatos")
{document.querySelector('#lbl').innerText = '10000';
}}</script>
Valora esta pregunta
0
