顯示文本，而不是價值選擇下拉列表中的JavaScript

Question

我想從下拉列表中選擇選項的顏色時，那麼在id="name_text"

displaye選定的文本，我不能改變HTML表單的代碼，我想選擇的選項，只有當然後顯示文本選擇

我的代碼是不是工作:(

<select id="property-transection" name="property-transection"> 
<option value=""></option> 
<option value="53"> Blue </option> 
<option value="24"> Green </option> 
<option value="31"> Black </option> 
</select> 
<div id="name_txt">You selected (BLUE Or Green Or Black)</div> 
    <script> 
    $(document).on('change', '#property-transection', function() { 
     $('#name_txt').text($(this).val()); 
     var po = this.val(); 

     if(po = '53'){ 
      var vb="BLUE COLOR SELECTED"; 
       $('#noate_o').text(vb); 
     } 

    }); 
</script> 

Answer 1

這應該爲你工作：

<select id="property-transaction" name="property-transaction"> 
    <option value=""></option> 
    <option value="53">Blue</option> 
    <option value="24">Green</option> 
    <option value="31">Black</option> 
</select> 

<div id="name_txt">Color Name Populates Here</div> 

<script> 
    $(document).on('change', '#property-transaction', function() { 
    $('#name_txt').text($('#property-transaction option:selected').text()); 
    }); 
</script> 

這裏有一個工作示例：

https://jsfiddle.net/w73bzgos/2/