Jquery 选择select时,以动态形式动态分配输入值

Jquery 选择select时,以动态形式动态分配输入值,jquery,Jquery,我在js中返回一个表单,在返回表单后,我可以更改选择和输入,如下所示: $(document).on('click', '.upd_orc', function(){ var updo = document.querySelector('input[name="updorc"]:checked').value; $.getJSON('artigo1.php', function (data2) { $.ajax({ url:"updorc1.p

我在js中返回一个表单,在返回表单后,我可以更改选择和输入,如下所示:

$(document).on('click', '.upd_orc', function(){
var updo = document.querySelector('input[name="updorc"]:checked').value;
$.getJSON('artigo1.php', function (data2) { 
   $.ajax({  
     url:"updorc1.php",  
     method:"POST",
     cache: false,              
     data:{updo:updo},              
     dataType:"json",  
     success:function(data1){

     var linha1 = ``;
     for (var i = 0; i < data1.length; i++) {
        Ref = data1[i][4];
        Designacao = data1[i][5];

       linha1 += `<div class="teste1">
                  <div class="form-group col-md-4">
                  <select class="form-control1 Referr" name="Refe[]" >
                     <option value="${Ref}">${Ref}</option>`;
                         for (var x = 0; x < data2.length; x++) { 
                             Artigo = data2[x][0];
                             linha1 += `<option value="${Artigo}">${Artigo}</option>`;
                         }
                   linha1 += `</select>
                              <span class="form-highlight"></span>                      
                              <span class="form-bar"></span>                        
                                 <label class="label1" for="Refe">Referência</label>        
                    </div>
                    <div class="form-group col-md-6">  
                        <input type="text" class="form-control1 desii" name="Designaca[]" value="${Designacao}">
                    <span class="form-highlight"></span>
                    <span class="form-bar"></span>
                        <label class="label1" for="Designaca">Designação</label>        
                    </div>
                    </div>`;
                    
                   $("#retorc1").html(linha1);

       }); 
});
});
但当更改select时,它会根据select将值分配给输入以及该输入之后存在的所有输入。那些以前是不变的


您能帮忙吗?

您所说的
输入之后存在的所有输入,,
是什么意思?您还可以检查是否没有这种行为。@如果我创建的表单是动态的,它可以从数据库返回3行或10行。因此,如果我更改返回的第二行的select,它会将该值分配给属于该select的输入以及该select后面的行中的所有输入input@Swati我的代码的问题是它没有关闭一个div,这就是为什么它没有正确的行为。
$(document).on("change", "select[class*=Referr]", function() {
  var Refart = $(this).val();
  console.log(Refart);
  var selector = $(this)
    $.ajax({
        type:"POST",
        url:"artigo.php",
        dataType:"Json",
        data:{Refart:Refart},
        success:function(callback){
            var data_array = callback;          
            artigo1 = data_array    
            console.log(artigo1);
            selector.closest(".teste1").find(".desii").val(artigo1);

        }
    }); 
});