如何在javascript函数中读取所选项目的html下拉菜单的值

Question

我在html中有一个包含下拉菜单的表单

<form name= "gadget_selector">
    <select name= "gadget">
        <option value = 0> Something </option>
        <option value = 1> Something else </option>
        //etc..
    </select> 
</form> 

我想在javascript函数中访问所选选项的值,如此

function someFunction(){

    //var option = value of selected menu option
}

我该怎么做？

Answer 1

var option = document.getElementById('gadget').value;

设置gadget为id选择,如下所示:

<select id="gadget" name="gadget">
        <option value = 0> Something </option>
        <option value = 1> Something else </option>
        //etc..
    </select>