Jquery 选择select时,以动态形式动态分配输入值
我在js中返回一个表单,在返回表单后,我可以更改选择和输入,如下所示: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
$(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);
}
});
});