在下面的代碼中，如果您單擊任何表格行，信息將被寫入textareas，如果您單擊temizle(En:& quot；干凈& quot)按鈕所有的文本區域都將被清除。但是，在更改文本中的某些內容后，您不能設置或清除文本區域。

我還沒有修復這個bug。我使用jQuery進行選擇，我想這可能就是問題所在。

$("#hastaliklar tr").click(function() {
  $(this).addClass('selected').siblings().removeClass('selected');
  var ad = $(this).find('td:eq(1)').html();
  var tanim = $(this).find('td:eq(2)').html();
  var belirti = $(this).find('td:eq(3)').html();
  var yap = $(this).find('td:eq(4)').html();
  var yapma = $(this).find('td:eq(5)').html();
  $("#adtxt").text(ad);
  $("#tanimtxt").text(tanim);
  $("#belirtitxt").text(belirti);
  $("#yaptxt").text(yap);
  $("#yapmatxt").text(yapma);
  $("#kaydetbtn").addClass("unvisible");
  $("#kaydetbtn").prop('readonly', true);
  $("#guncellebtn").removeClass("unvisible");
});

$("#temizle").click(function() {
  $("#adtxt").text("");
  $("#tanimtxt").text("");
  $("#belirtitxt").text("");
  $("#yaptxt").text("");
  $("#yapmatxt").text("");
  $("#guncellebtn").addClass("unvisible");
  $("#guncellebtn").prop('readonly', true);
  $("#kaydetbtn").removeClass("unvisible");
});

$(document).ready(function() {
  $('#hastaliklar').DataTable();
});

.table-container {
  overflow: hidden;
}

.table-container table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.table-container td {
  max-width: 300px;
  min-height: 40px;
  max-height: 80px;
  white-space: normal;
  text-overflow: ellipsis;
}

.unvisible {
  background: transparent;
  border: none !important;
  font-size: 0;
}

<link  rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" >
<link rel="stylesheet" type="text/css" >
<script src="https://code.jquery.com/jquery-3.5.1.js" type="text/javascript"></script>
<link rel="stylesheet" >
<script type="text/javascript" src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap5.min.js"></script>
<form>
  <div class="input-group mb-3">
    <span class="input-group-text" id="inputGroup-sizing-default">Ad?</span>
    <textarea class="form-control" id="adtxt" aria-label="With textarea"></textarea>
  </div>
  <div class="input-group mb-3">
    <span class="input-group-text" id="inputGroup-sizing-default">Tan?m?</span>
    <textarea class="form-control" id="tanimtxt" aria-label="With textarea"></textarea>
  </div>
  <div class="input-group mb-3">
    <span class="input-group-text" id="inputGroup-sizing-default">Belirtileri</span>
    <textarea class="form-control" id="belirtitxt" aria-label="With textarea"></textarea>
  </div>
  <div class="input-group mb-3">
    <span class="input-group-text" id="inputGroup-sizing-default">Yap?lmas? Gerekenler</span>
    <textarea class="form-control" id="yaptxt" aria-label="With textarea"></textarea>
  </div>
  <div class="input-group mb-3">
    <span class="input-group-text" id="inputGroup-sizing-default">Yap?lmamas? Gerekenler</span>
    <textarea class="form-control" id="yapmatxt" aria-label="With textarea"></textarea>
  </div>
  <div class="input-group mb-3">
    <button id="kaydetbtn" class="btn btn-success me-3 " type="button">Kaydet</button>
    <button id="guncellebtn" class="btn btn-warning me-3" type="button">Güncelle</button>
    <button class="btn btn-danger" id="temizle" type="button">Temizle</button>
  </div>
</form>
<table id="hastaliklar" class=" table table-bordered  table-primary" style="overflow: auto; height: 400px; display: block; ">
  <thead>
    <tr>
      <th>Güncelle</th>
      <th>Hastal?k Ad?</th>
      <th>Tan?m?</th>
      <th>Belirtileri</th>
      <th>Yap?lmas? Gerekenler</th>
      <th>Yap?lmamas? Gerekenler</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><button type="button" onclick="veri_cek(1)" class="btn btn-primary"><i class="bi bi-x-circle-fill"></i></button></td>
      <td>Demans</td>
      <td>Ya?l?l?k</td>
      <td>BelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileri</td>
      <td>Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler
        Yap?lmas? gerekenler Yap?lmas? gerekenler </td>
      <td>Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler </td>

    </tr>
    <tr>
      <td><button type="button" onclick="veri_cek(1)" class="btn btn-primary"><i class="bi bi-x-circle-fill"></i></button></td>
      <td>Demans</td>
      <td>Ya?l?l?k</td>
      <td>BelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileri</td>
      <td>Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler
        Yap?lmas? gerekenler Yap?lmas? gerekenler </td>
      <td>Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler </td>

    </tr>
    <tr>
      <td><button type="button" onclick="veri_cek(1)" class="btn btn-primary"><i class="bi bi-x-circle-fill"></i></button></td>
      <td>Demans</td>
      <td>Ya?l?l?k</td>
      <td>BelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileriBelirtileri</td>
      <td>Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler Yap?lmas? gerekenler
        Yap?lmas? gerekenler Yap?lmas? gerekenler </td>
      <td>Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler Yap?lmamas? Gerekenler </td>

    </tr>

  </tbody>
</table>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js" integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous"></script>

我認為代碼的問題在于你試圖用。text()方法，而正確的方法是。val()。的。text()方法用于設置或返回選定元素的文本內容，而。val()用于獲取匹配元素集中第一個元素的當前值，或者設置每個匹配元素的值。

請嘗試一下，如果您能解決這個問題，請告訴我們:

$("#hastaliklar tr").click(function() {
  $(this).addClass('selected').siblings().removeClass('selected');
  var ad = $(this).find('td:eq(1)').html();
  var tanim = $(this).find('td:eq(2)').html();
  var belirti = $(this).find('td:eq(3)').html();
  var yap = $(this).find('td:eq(4)').html();
  var yapma = $(this).find('td:eq(5)').html();
  $("#adtxt").val(ad);
  $("#tanimtxt").val(tanim);
  $("#belirtitxt").val(belirti);
  $("#yaptxt").val(yap);
  $("#yapmatxt").val(yapma);
  $("#kaydetbtn").addClass("unvisible");
  $("#kaydetbtn").prop('readonly', true);
  $("#guncellebtn").removeClass("unvisible");
});

$("#temizle").click(function() {
  $("#adtxt").val("");
  $("#tanimtxt").val("");
  $("#belirtitxt").val("");
  $("#yaptxt").val("");
  $("#yapmatxt").val("");
  $("#guncellebtn").addClass("unvisible");
  $("#guncellebtn").prop('readonly', true);
  $("#kaydetbtn").removeClass("unvisible");
});

$(document).ready(function() {
  $('#hastaliklar').DataTable();
});