Jquery html() 用于特定行

Question

我已经创建了具有类型(选择(，名称(文本(，单位(选择(的动态行，我正在编写更改类型选择的代码。 但是当我从类型字段中更改值时，它将值加载到当前行名称字段中，并将选项动态加载到当前单位选择字段中， 将值加载到活动行中工作正常，但将选项加载到选择单元中则不然。

我的代码如下

$(document).on('change', '.raw', function () {
// var r = this.val();
if ($(this).val() != 0) {
var t = $(this).parents('tr').find(".raw :selected").text();
$(this).parents('tr').find(".name").val(t);

我需要帮助的地方如下

$(this).parents('tr').find(".amount").html(data); -> here i need help
// $(".amount").html(data); ->this working fine but change all the select value

提前谢谢。 这是我的表格的完整编码

<table id="addingtable" class="table table-bordered">
<tr>
<th>Raw Master</th>
<th>Name</th>
<th>Display</th>
<th>Value</th>
<th>Unit</th>
<th>Delete</th>
</tr>
<tr>
<td><select name='rawmaster[]'  class = 'form-control raw' required><option>Select</option><?php echo rawmaster_item($conn,$type);  ?><option value="0">None</option></select></td>
<td><input type='text' name='name[]'  placeholder="Name" class = 'form-control name' required /></td>
<td><select name='des[]' class = 'form-control' required><option>Select</option><option Value = 'y'>Yes</option><option Value = 'n'>No</option></select></td>
<td><input type='text' name='value[]' placeholder="Value" class = 'form-control' required /></td>
<td><select name='amount[]' class = 'form-control amount' required><option>Select</option><?php echo $output2;  ?></select></td>
<td><button type='button' class='btn btn-icon btn-danger remove'><i class='feather icon-trash-2'></i></button></td>
</tr>

我的 jQuery 用于添加行

$(document).on("click", ".addrows", function (event) {
{
// var planid = $("#plan_id").val();
// alert(planid);
var html = '';
html += "<tr>";
html += "<td><select name='rawmaster[]' class = 'form-control raw'><option>Select</option><?php echo rawmaster_item($conn,$type);  ?><option value = '0'>None</option></select></td>";
html += "<td><input type='text' name='name[]'  placeholder='Name' class = 'form-control name' /></td>";
html += "<td><select name='des[]' class = 'form-control'><option>Select</option><option Value = 'y'>Yes</option><option Value = 'n'>No</option></select></td>";
html += "<td><input type='text' name='value[]'  placeholder='Value' class = 'form-control' /></td>";
html += " <td><select name='amount[] amount' class = 'form-control amount' required><option>Select</option><?php echo $output2;  ?></select></td>";
html += "<td><button type='button' class='btn btn-icon btn-danger remove'><i class='feather icon-trash-2'></i></button></td>";
html += "</tr>";
$("#addingtable").append(html);
}
});

我的 jQuery for onchange select values

$(document).on('change', '.raw', function () {
// var r = this.val();
if ($(this).val() != 0) {
var t = $(this).parents('tr').find(".raw :selected").text();
$(this).parents('tr').find(".name").val(t);
$(this).parents('tr').find(".name").attr("readonly", "TRUE");
var r =  $(this).parents('tr').find(".raw").val();
// alert(r);
$.ajax({
url:"plandetails_getunit.php",
method:"POST",
data:"id="+r,
success:function(data)
{
if(data)
{
$(this).parents('tr').find(".amount").html(data); => need help here
// $(".amount").html(data);
}
}
});
} 
else{
$(this).parents('tr').find(".name").val('');
$(this).parents('tr').find(".name").removeAttr("readonly");
var r = $("#ptype").val();
$.ajax({
url:"plandetails_getunit1.php",
method:"POST",
data:"id="+r,
success:function(data)
{
if(data)
{
// $(".amount").html(data);
$(this).parents('tr').find(".amount").val(); =>here remains work gud
}
}
});
}
});

Answer 1

我可能是错的，但我认为您需要在 ajax 请求上设置上下文，否则this将引用不同的上下文(回调(，添加如下context:this：

$.ajax({
url:"plandetails_getunit.php",
method:"POST",
data:"id="+r,
context:this,
success:function(data)
{