Javascript 选择下拉选项时显示文本

我试图找到一种方法，根据用户选择的下拉项，在下面的“result”div中显示一些文本。我知道如何使用普通的输入字段来实现这一点，但我在理解如何将“选项值”传递到javascript函数中时遇到了困难。这就是我到目前为止试过的

在下面的代码中，我只是试图成功地将选择的任何下拉项值传递到javascript函数中，并在“result”div中打印出该值的名称。。。一旦我能够做到这一点，我将实现上面描述的“提示”功能

我的标记：

<select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="fruit_search">fruits</option>    
    <option value="veggies_search">veggies</option>
    <option value="animals_search">animals</option>
    <option value="all_search">all</option>
</select>

<div id="result"></div>

果实
蔬菜
动物
全部的

我的JavaScript：

<script type="text/javascript">
    function dropdownTip(value){
        document.getElementByID("result").innerHTML = value;
    }
</script>

函数下拉提示（值）{
document.getElementByID（“结果”）.innerHTML=value；
}

试试这个：

<select onChange="dropdownTip()" id="select" name="search_type" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="fruit_search">fruits</option>    
    <option value="veggies_search">veggies</option>
    <option value="animals_search">animals</option>
    <option value="all_search">all</option>
</select>

<div id="result"></div>


<script type="text/javascript">
    function dropdownTip(){
        var value = document.getElementById('select').value;
        document.getElementByID("result").innerHTML = value;
    }
</script>

果实
蔬菜
动物
全部的
函数dropdownTip（）{
var value=document.getElementById（'select'）.value；
document.getElementByID（“结果”）.innerHTML=value；
}

这就是你想要的吗？检查下面的小提琴

---

谢谢你的回复，这个方法对我不起作用。当我尝试使用这种方法时，没有任何事情发生，没有错误，没有打印出来。是的，谢谢。但是有一个问题，console.log（value）的重要性是什么？？？为什么没有它它就不能工作呢？实际上我只是用它来测试值是否传递给函数。。你可以删除它…没有任何其他重要的我已经删除了线，它仍然工作（我使用的是chrome顺便说一句）。检查你自己。你的代码工作正常，你只是输入了一个错误：

document.getElementByID（…）

应该是

document.getElementByID（…）

。这就是我需要的答案；）我是javascript新手。我不喜欢的一件事是，输入错误会导致数小时的调试，而且很难排除故障。非常感谢您指出这一点，您的评论是我的解决方案。