通过javascript

Question

我希望从下拉列表中选择选项颜色，然后在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>

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/