通过javascript显示文本而不是值选择的下拉列表答案

【问题标题】：Display Text instead value selected dropdown list by javascript通过javascript显示文本而不是值选择的下拉列表
【发布时间】：2017-02-12 04:54:40
【问题描述】：

我希望从下拉列表中选择选项颜色，然后在 id="name_text" 中显示所选文本

我无法更改我想要的 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>

【问题讨论】：

您的问题解决了吗？

标签： javascript jquery dropdown

【解决方案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/

【讨论】：