Я изучаю язык сценариев JavaScript и мне нужно, чтобы например, если пользователь выбирает "одежду", нижний label изменился "10000", но это пробуя и он не вытекает. Как он мог бы делать это?
function ShowSelected() { /* Para obtener el valor */
var cod = document.getElementById("producto").value;
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 == "ropa") {
document.querySelector('txt').innerText = '10000';
}
}
<html>
<head>
<title></title>
</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>
Я recomendarГ-схвати, что ты используешь признак value
ее opciГіn выбранная вместо text
, так как ты можешь менять текст для пользователя, не изменяя функциональности.
function ShowSelected() { /* Para obtener el valor */
var cod = document.getElementById("producto").value;
var txt = document.getElementById("lbl").value;
/* Para obtener el texto */
var combo = document.getElementById("producto");
var selected = combo.options[combo.selectedIndex].value;
if (selected == "ropa") {
document.getElementById('lbl').innerText = '10000';
} else {
document.getElementById('lbl').innerText = '';
}
}
<html>
<head>
<title></title>
</head>
<body>
<select id="producto" onchange="ShowSelected();" name="producto">
<option value="">Seleccionar</option>
<option value="ropa">ropa</option>
<option value="zapatos">zapatos</option>
</select>
<label name="lbl" id="lbl"></label>
</body>
</html>
EDICIГ “N
PodrГ-Схвати сохранять стоимость, которую ты будешь показывать в label
в стоимости ее opciГіn select
function ShowSelected() { /* Para obtener el valor */
var cod = document.getElementById("producto").value;
var txt = document.getElementById("lbl").value;
/* Para obtener el texto */
var combo = document.getElementById("producto");
var selected = combo.options[combo.selectedIndex].value;
document.getElementById('lbl').innerText = selected;
}
<html>
<head>
<title></title>
</head>
<body>
<select id="producto" onchange="ShowSelected();" name="producto">
<option value="">Seleccionar</option>
<option value="10000">ropa</option>
<option value="20000">zapatos</option>
</select>
<label name="lbl" id="lbl"></label>
</body>
</html>