Question

所以我有这个textarea，它可以从.txt文件中获取值，效果很好，但是当我在textarea中输入新值后更改select选项时，更改所选选项时不会更新。

场景1： 1.更改选项，文本区域更新（确定）

场景2 ：（无法更新） 1.更改选项 2.在文本区域输入一些内容 3.更改所选的选项，文本区域将不会更新！

我为此发布了一个模拟的JSFiddle。即使在文本区域中输入了一些内容，我如何更新文本区域？

   <section class="content">
  <select name="select_template" id="select_template" class="form-control">
        <option count = '' content = ''>--Select--</option>
    <option count = '' content = 'CONTENT 1'>CONTENT 1</option>
    <option count = '' content = 'CONTENT 2'>CONTENT 2</option>
        </select>


  <div class="descriptionarea">
    <span style="padding: 5px;">Selected Clients <i class="fa fa-fw fa-eye"></i></span><br>
    <textarea id="text_content" name="text_content" rows="10" cols="60" title="" tabindex="0"></textarea><br>
    <span class="buttonfortxtarea"><button id = "btn_id" class= "btn btn-primary btn-flat" count = '' content = ''  filename = ''>SEND</button></span>
  </div>
</section>

对于Jquery

     $(document).on("change", "#select_template", function(e) {
   var content = $('option:selected', this).attr('content');
   var count = $('option:selected', this).attr('count');
   var filename = $('option:selected', this).attr('filename');
   $(this).parent().parent().find('#text_content').html('');
   $(this).parent().parent().find('#text_content').value(content);

   $(this).parent().parent().find('#btn_id').attr('count', count);
   $(this).parent().parent().find('#btn_id').attr('filename', filename);


 });

Answer 1

在您的小提琴中改变线条

$(this).parent().parent().find('#text_content').html(content);

到

$(this).parent().parent().find('#text_content').val(content);

似乎可以解决此问题

jQuery textarea输入值后将不会更新

1 个答案: