如何从下拉菜单中获取输入和选择的选项?

时间:2014-05-06 18:35:13

标签: javascript function variables drop-down-menu

编辑!:愚蠢的错误。我命名了我的按钮功能'提交'。 Javascript认为这是一个处理表单的提交函数。我将功能更改为'操作'它现在有效。

所以我的目标是获取用户输入并从下拉菜单中获取所选选项。 示例 - 如果用户选择“查找最大值”'从下拉菜单中选项,我希望main函数调用maxOfTwo函数。

<script type="text/javascript" src="myfunctions.js"></script>

<script type="text/javascript">  
function submit() {

        var num1 = parseInt( document.getElementById("num1").value );
        var num2 = parseInt( document.getElementById("num2").value );
        var msg;
        var operation = document.getElementById("operation").value );
        var average = findAvg( num1, num2 );
        var max1 = maxOfTwo( num1, num2 );


        if( operation == Max ) {
            msg = "<div>Option chosen is Find Max" + max1 + "</div>";
}

        else 
        if( operation == Avg ) {
            msg = "<div>Option chosen is Find Average" + average + "</div>"
}

document.getElementById("results").innerHTML = msg;

...

Select Operation:<br />
    <class="fstyle"/>

    <select id="operation" class="fstyle">
        <option value="Avg">Find Average</option> 
        <option value="Max">Find Max</option>
    </select><br /> 

1 个答案:

答案 0 :(得分:0)

.value是一个在代码中返回“Avg”或“Max”的属性 - 它不是一种方法。 您还可以通过.selectedIndex找到所选选项,并使用.options找到所有选项的数组