2

我试图找出一种方法来根据用户选择的下拉项目在下面的“结果”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>
4

2 回答 2

4

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

http://jsfiddle.net/b6ydm/

于 2012-08-09T17:46:28.547 回答
1

尝试这个：

<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>
于 2012-08-09T17:42:29.760 回答