javascript - 如何在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 设置为 select 的 id，如下所示:

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