使用 jQuery 动态创建 HTML 行时自动填充输入字段

function GetDetail(row) {
  let str = row.querySelector(".scode").value;
  if (str.length == 0) {
    row.querySelector(".servproname").value = "";
    row.querySelector(".qty").value = "";
    return;
  } else {
    // Creates a new XMLHttpRequest object
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {

      // Defines a function to be called when
      // the readyState property changes
      if (this.readyState == 4 &&
        this.status == 200) {

        // Typical action to be performed
        // when the document is ready
        var myObj = JSON.parse(this.responseText);

        // Returns the response data as a
        // string and store this array in
        // a variable assign the value
        // received to first name input field

        row.querySelector(".servproname").value = myObj[0];

        row.querySelector(".qty").value = myObj[1];
      }
    };

    // xhttp.open("GET", "filename", true);
    xmlhttp.open("GET", "gfg.php?user_id=" + str, true);

    // Sends the request to the server
    xmlhttp.send();
  }
}

<table>
  <tr>
    <td><input type="text" class="scode form-control text-end" name="scode[]" onkeyup="GetDetail(this.closest('tr'))" value=""></td>
    <td><input type="text" class="servproname form-control text-end" name="servproname[]"></td>
    <td><input type="text" class="qty form-control text-end" name="qty[]" onchange="Calc(this);"></td>
  </tr>
</table>