選擇下拉選項時顯示文本

我想找出一種方法來顯示一些基於用戶在下面的「結果」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

選擇下拉選項時顯示文本

回答

相關問題