javascript更改选择选项文本

Question

我正在尝试通过 javascript 修改第一个选择选项的文本。但是它清空了整个选择选项

 <select name='stuff'>
      <option value="a"> Pepsi </option>
      <option value= "b"> Juice </option>
 </select>


<script type="text/javascript">
    document.getElementsByName('stuff')[0].innerHTML = "Water";
</script>

Answer 1

您想从 options 中读取收集并修改其中的第一个元素:

document.getElementsByName('stuff')[0].options[0].innerHTML = "Water";