Question

我试图找出一种方法来显示基于用户选择的下拉项目的一些文本，在下面的“结果”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>

Answer 1

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

http://jsfiddle.net/b6ydm/

Answer 2

试试这个：

<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>

选择下拉选项时显示文本

2 个答案: