Значение Data-id должно быть значением родительского элемента

Question

Я просто хочу, чтобы значение data-id было тем, что написано в textarea означает родительский элемент.

<textarea aria-label="Add a comment…" placeholder="Add a comment…" class="addcomment_ta" autocomplete="off" autocorrect="off" id="comment_i" name="comment_content" id="editable_comment" data-id='TEXTAREA VALUE'></textarea>

Answer 1

Попробуйте это:

$('.addcomment_ta').on("keyup", function() {
  $(this).attr('data-id', $(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea aria-label="Add a comment…" placeholder="Add a comment…" class="addcomment_ta" autocomplete="off" autocorrect="off" name="comment_content" id="editable_comment" data-id='TEXTAREA VALUE'></textarea>

Я создал keyup функцию в JQuery, поэтому каждый раз, когда вы начинаете вводить data-id обновления!

ОБНОВЛЕНИЕ: Предыдущий пример не работает с копированием, вставкой и вырезанием. Я изменил keyup на change, keyup, paste

$('.addcomment_ta').on('change keyup paste', function() {
  $(this).attr('data-id', $(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea aria-label="Add a comment…" placeholder="Add a comment…" class="addcomment_ta" autocomplete="off" autocorrect="off" name="comment_content" id="editable_comment" data-id='TEXTAREA VALUE'></textarea>