javascript更改选择选项文本

javascript更改选择选项文本

本文介绍了javascript更改选择选项文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

Im trying to modify the text of the first select option via javascript.But it empties the entire select option

 <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>


推荐答案

您想从收集和修改那里的第一个元素:

You want to read from the options collection and modify the first element in there:

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

这篇关于javascript更改选择选项文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-30 14:12