选择下拉选项时显示文本

我想找出一种方法来显示一些基于用户在下面的“结果”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>

来源

2012-08-09 AnchovyLegend

你的代码工作正常的小提琴，你只是有一个错字：'的document.getElementById（..）'应该是'的document.getElementById（..）'。 – Teemu 2012-08-09 17:51:53

多数民众赞成是我需要的答案;）我是新来的JavaScript。我不喜欢的一件事是，输入错误可能导致几个小时的调试并且很难排除故障。非常感谢您指出，您的评论是我的解决方案。 – AnchovyLegend 2012-08-09 17:55:38

试试这个：

<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-09 17:42:29 PitaJ

感谢您的回复，此方法对我无效。当我尝试使用这种方法时没有任何反应，没有错误，没有打印出来。 – AnchovyLegend 2012-08-09 17:45:31

这是你想要的吗？检查以下

http://jsfiddle.net/b6ydm/

来源

2012-08-09 17:46:28 codisfy

是的，谢谢。但有一个问题，console.log（value）的重要性是什么？如果没有它，它怎么会起作用？ – AnchovyLegend 2012-08-09 17:48:32

实际上，我只是为了测试值是否传递给函数或不..你可以删除它..没有任何其他的重要性 – codisfy 2012-08-09 17:53:13

它不工作没有它。 – AnchovyLegend 2012-08-09 18:00:04

选择下拉选项时显示文本

回答

相关问题