时间戳

首页 > 解决方案 > 在 jquery 中填充值

jquery - 在 jquery 中填充值

问题描述

我是新的开始，我正在使用 PHP、jquery 编写脚本。我正在开发的表单之一是允许用户将多条记录添加到一个表中。那很好。我的问题，一旦客户端名称更新，我需要将 subSerId 的值复制到添加行的其他字段，我可以对前两条记录执行此操作，但之后它将不起作用。

通过下图可以看到，当我更新客户端名称字段时，我正在寻找，Service ID 的值将被更改。我可以让第一行和第二行（父行）发生这种情况，但第三行不行。

在此处输入图像描述

这是jquery脚本

$(document).ready(function(){
  var maxRecords= 30;
  var i=1;
  var htmlForm='<tr id="row'+i+'"><td><input id="childsubSerID" disabled name="subSerID[]" type="text" class="form-control" required placeholder="Auto" value=""></td><td><input id="childclientName" name="clientName[]" type="text" class="form-control" required placeholder="Enter client name" value=""></td><td><input id="childsubSerType" name="subSerType[]" type="text" class="form-control" required placeholder="Enter grand name" value=""></td><td><input id="childserCount" name="serCount[]" type="text" class="form-control" required placeholder="Enter service count" value=""></td><td><input id="childsubSerDetails" name="subSerDetails[]" type="text" class="form-control" required placeholder="Enter details" value=""></td><td><button id="'+i+'" name="remove" class="btn btn-danger btn_remove" value="X">X</td></tr>';
  $('#add_more').click(function(){
    if(i<=maxRecords){

     $('#dynamic_field').append(htmlForm);
    i++;
    }

  });
  $(document).on('click','.btn_remove', function(){
      var button_id=$(this).attr("id");
      $('#row'+button_id+'').remove();
      i--;
  })  


 $("#dynamic_form").on('change','#clientName', function(){
     $('#subSerID').val(  $('#hiddenId').val() );
 });

 $("#dynamic_field").on('change','#childclientName', function(){
 $('#childsubSerID').val(  $('#subSerID').val() );
 });
});

标签： jquery

解决方案

您提供的代码不足以解决问题，但我想这是因为您对多个元素使用相同的 id，事实是元素的 id 必须是唯一的，并且您不能拥有具有相同 id 的元素（就像你的情况一样导致错误）。尝试使用class而不是 id，它应该可以解决您的问题。

您更新了代码，但它不再有意义了！

推荐阅读