Javascript 如何从下拉菜单中获取输入和所选选项？

编辑！：愚蠢的错误。我将我的按钮函数命名为“提交”。Javascript认为它是一个提交函数来处理表单。我将功能更改为“操作”，现在可以工作了

因此，我的目标是获得用户输入，并从下拉菜单中获得所选选项。 示例-如果用户从下拉菜单中选择“查找最大值”选项，我希望主函数调用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;

---

.value是在代码中返回Avg或Max的属性-它不是方法。

---

您还可以通过.selectedIndex找到所选选项的via.selectedIndex和一个包含所有选项的数组，其中包含.options

，但我不需要为每个菜单选项设置一个值，以便JavaScript可以确定要使用哪个函数吗？在您修改的代码中，您有一个额外的after.value-应该删除。除此之外，if operation=='Max'语句应该可以正常工作。我删除了它，但它不工作。我甚至使用了Firebug，没有发现任何错误。当我点击按钮时，似乎没有输出，并返回到下拉菜单上的第一个选项。是否返回false；提交函数末尾的语句？如果你不阻止该页面提交，它将重新加载该页面。我不这样做，让我找出正确的应用方法，我会很快回复。谢谢

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

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