why is the textarea no longer updated after a manual modification?

Asked Feb 02 '21 at 14:30

Active Feb 02 '21 at 14:35

Viewed 29 times

the textarea updates correctly but no longer after manual modification !!

$(document).ready(function() {
  $('tbody').on("click", "td", function(a) {
    $("textarea").text($(this).text());
  });
});

<textarea rows='5' cols='33'></textarea>
<table>
  <tbody>
    <tr>
      <td>Bulgarie</td>
    </tr>
    <tr>
      <td>Cambodge</td>
    </tr>
    <tr>
      <td>Canada</td>
    </tr>
    <tr>
      <td>CMC Chili</td>
    </tr>
    <tr>
      <td>Chine</td>
    </tr>
  </tbody>
</table>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

edited Feb 02 '21 at 14:31

Rory McCrossan

331,213
40
305
339

asked Feb 02 '21 at 14:30

lockness

I've created a snippet of your code, where it appears to work correctly. Can you provide a clearer description of exactly what you're trying to do and what the issue is – Rory McCrossan Feb 02 '21 at 14:31
@RoryMcCrossan Try click on a td, change the textbox and click again – Carsten Løvbo Andersen Feb 02 '21 at 14:34
You can use `$("textarea").val($(this).text());` to make it work – Carsten Løvbo Andersen Feb 02 '21 at 14:35
[val() vs. text() for textarea](https://stackoverflow.com/questions/8854288/val-vs-text-for-textarea) – Andreas Feb 02 '21 at 14:38
$("textarea").val($(this).text()); OR $("textarea").text($(this).text()); OR $("textarea").html($(this).text()); the code above does not work !! – lockness Feb 02 '21 at 15:55

why is the textarea no longer updated after a manual modification?

0 Answers0