javascript - 选择下拉选项时显示文本

Question

我试图找到一种方法来根据用户选择的下拉项在下面的“结果”div 中显示一些文本。我知道如何使用普通输入字段执行此操作，但我无法理解如何将“选项值”传递到 javascript 函数中。这是我到目前为止所尝试的...

在下面的代码中，我只是尝试成功地将选择的任何下拉项值传递到 javascript 函数中，并在“结果”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>

Answer 1

这是你想要的吗？检查下面的 fiddle

http://jsfiddle.net/b6ydm/