在onclick事件的select語句中選擇一個選項

Question

我想根據onclick調用的javascript函數在選擇菜單中選擇一個選項。

請參閱，用戶可以選擇Bob獲取的睫毛數量，但如果用戶單擊該按鈕，它會從下拉列表中選擇「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

最簡單的方法是使用select元素的selectedIndex財產。

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

You can test it here.

Answer 2

應該

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