Как менять label, когда будет выбран выбор в select?

Я изучаю язык сценариев 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>
1
задан 18.10.2019, 14:27
1 ответ

Я 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>
2
ответ дан 03.12.2019, 04:37