javascript change select option text

Я пытаюсь изменить текст первой опции выбора с помощью 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>

Ответ 1

Вы хотите прочитать из коллекции опций и изменить первый элемент там:

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

Ответ 2

Вы можете попробовать следующее:

 $('select[name=stuff] option:first').html("abcd");

Ответ 3

Я думаю, что это должно работать:

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


    <script type="text/javascript">
        document.getElementById("first").innerHTML = "Water";
    </script>