下拉框選擇無法在控制檯中更新

Question

我的應用程序中有一個簡單的下拉框。我需要每次從下拉框中選擇一個值來更新具有該值的文本區域。

Here is a JSFiddle to show what I mean.

雖然屏幕上的文本區域與值更新，如果使用「檢查元素」上的jsfiddle你可以看到，在控制檯永遠不會與所選元素更新。

任何人都可以解釋爲什麼？還有如何糾正這一點？

非常感謝，

`G` 

Answer 1

的執行console.log（...）線是不是匿名函數的一部分，將它結束的括號內}。

var select = document.getElementById('categorySelect'); 
        var input = document.getElementById('categoryChoice'); 
        select.onchange = function() { 
         input.value = select.value; 
         console.log(input.value); 
        } 

Answer 2

試試這個

var select = document.getElementById('categorySelect'); 
select.onchange = function() { 
        var input = document.getElementById('categoryChoice'); 
         input.value = select.value; 
         console.log(input.value) 
        } 

Answer 3

試試這個代碼...

$(document).ready(function() { 
 
    
 
    $('#selectMe').change(function() { 
 
     
 
     $('#copyright_text').html($("#selectMe option:selected").text()); 
 
     
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="selectMe"> 
 
    <option value="">Choose</option> 
 
    <option value="BILL">BILL</option> 
 
          <option value="CD">CD</option> 
 
          <option value="CONV">CONV</option> 
 
          <option value="BOND">BOND</option> 
 
          <option value="CP">CP</option> 
 
          <option value="CUMWR">CUMWR</option> 
 
          <option value="MTN">MTN</option> 
 
          <option value="NOTE">NOTE</option> 
 
</select> 
 

 

 
<textarea disabled name="copyright_text" id="copyright_text" cols="20" rows="7"> 
 

 
         </textarea>