javascript更改选择选项文本

meW*_*arn 12 html javascript

我试图通过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>
Run Code Online (Sandbox Code Playgroud)

Cod*_*gue 19

您想要从选项集合中读取并修改其中的第一个元素:

document.getElementsByName('stuff')[0].options[0].innerHTML = "Water";
Run Code Online (Sandbox Code Playgroud)

  • 不应该是: document.getElementsByName('stuff').options[0].innerHTML = "Water"; (2认同)

Sat*_*hoo 5

你可以试试这个:

 $('select[name=stuff] option:first').html("abcd");
Run Code Online (Sandbox Code Playgroud)

  • 同样的问题,我想使用 jQuery - 感谢您的贡献。 (4认同)
  • OP 没有要求 jQuery,这个问题也没有 jQuery 标签。 (3认同)