javascript - onclick イベントから select ステートメントでオプションを選択する

Question

onclick から呼び出された JavaScript 関数に基づいて、選択メニューでオプションを選択したいと思います。

ユーザーはボブのまつ毛の数を選択できますが、ユーザーがボタンをクリックすると、プルダウン リストから「1」が選択されます。

基本的に、java スクリプト イベントに基づいて、プルダウン メニューのデフォルト オプションの値を設定したいと考えています。ここに私が例を挙げたjsfiddleがあります。w3schools.com リポジトリのほぼすべてのイベントを試しましたが、ほとんどあきらめました。

  How Many lashes would Bob like? 
  <select id="lashes" name="lashes">
  <option value="five">5</option>
  <option value="four">4</option>
  <option value="three">3</option>
  <option value="two">2</option>
  <option value="one">1</option>
  <option value="zero">0</option>
  </select>

  <input type="button" value="Bob actually wants only 1 lashing" onclick="doit()">

​  function doit() {
    document.getElementByID('lashes') = 'one';
  }​

http://jsfiddle.net/pietbarber/H8Ctx/

また、うまくいけばJavaScriptライブラリを使用したくないので、jsqueryなどは使用しません。

TL;DR - そのボタンをクリックして、そのボタンをクリックしたときにプルダウン メニューから「1」を選択したい。

Answer 1

最も簡単な方法は、要素のselectedIndexプロパティを使用することです。select

function doit() {
  //notice I changed .getElementByID to .getElementById
  document.getElementById('lashes').selectedIndex = 4;
}​

ここでテストできます。

Answer 2

そのはず

  function doit() {
      document.getElementById('lashes').value = 'one';
  }​