javascript - 在 html 中使用下拉列表框

Question

我在我的 html 页面中使用下拉列表和一个标签。我想更改标签名称在选择我的下拉列表框时。这怎么可能？

请为我提供任何帮助。

Answer 1

检查 this example .

它将更改标签的“名称”属性及其文本内容(读取其新名称属性值)以查看更改效果。

<script type="text/javascript">
function changeValue(select) {

  var value =  select.options[select.selectedIndex].value;
  var label =  document.getElementById('mylabel');

  label.setAttribute('name', value);
  label.innerHTML = label.getAttribute('name');

} 
</script>

<select name="selectcity" onchange="changeValue(this);" >
    <option>Mumbai</option>
    <option>Delhi</option>
</select>
You selected: <label id="mylabel" name="citylabel"></label>