Javascript 如何在ajax调用中获得迭代ID的结果_Javascript_Php_Ajax

Javascript 如何在ajax调用中获得迭代ID的结果

javascript php ajax

Javascript 如何在ajax调用中获得迭代ID的结果,javascript,php,ajax,Javascript,Php,Ajax,如何在ajax调用中的迭代ID中获取结果…结果应该在迭代ID中，但是…结果不会显示。如何在php ajax调用中为循环迭代ID获取dsplay结果这是我的html代码 <tr> <td><span id="sr_no">1</span></td> <td><select type="text" name="item_name[]"

如何在ajax调用中的迭代ID中获取结果…结果应该在迭代ID中，但是…结果不会显示。如何在php ajax调用中为循环迭代ID获取dsplay结果

这是我的html代码

<tr>
                      <td><span id="sr_no">1</span></td>
                      <td><select type="text" name="item_name[]" id="item_name1" class="form-control input-sm"  onChange="getbrand(this.value);" />
                      <option value=""></option>
                      <?php
    include "conn.php";
    $sql = "SELECT category FROM `product` GROUP BY category";
    $run = mysqli_query($conn,$sql);

    while($row=mysqli_fetch_array($run))
    {
    ?>
<option><?php echo $row['category']; ?></option>
        <?php } ?>
                      </select>
                      </td>
                      <td>
                        <select type="text" name="item_name[]" id="brand" class="form-control input-sm" />
                        <option value=""></option>

                        </select>
                      </td>
                      <td><input type="text" name="order_item_quantity[]" id="order_item_quantity1" data-srno="1" class="form-control input-sm order_item_quantity" /></td>
                      <td><input type="text" name="order_item_price[]" id="order_item_price1" data-srno="1" class="form-control input-sm number_only order_item_price" /></td>
                      <td><input type="text" name="order_item_actual_amount[]" id="order_item_actual_amount1" data-srno="1" class="form-control input-sm order_item_actual_amount" readonly /></td>
                      <td><input type="text" name="order_item_tax1_rate[]" id="order_item_tax1_rate1" data-srno="1" class="form-control input-sm number_only order_item_tax1_rate" /></td>
                      <td><input type="text" name="order_item_tax1_amount[]" id="order_item_tax1_amount1" data-srno="1" readonly class="form-control input-sm order_item_tax1_amount" /></td>
                     <td><input type="text" name="order_item_final_amount[]" id="order_item_final_amount1" data-srno="1" readonly class="form-control input-sm order_item_final_amount" /></td>
                      <td></td>
                    </tr>
                  </table>
                  <div align="right">
                    <button type="button" name="add_row" id="add_row" class="btn btn-success btn-xs">+</button>
                  </div>
                </td>
              </tr>


1.
+

这是我的java脚本

<script>
      $(document).ready(function(){
        var final_total_amt = $('#final_total_amt').text();
        var count = 1;

        $(document).on('click', '#add_row', function(){
          count++;
          $('#total_item').val(count);
          var html_code = '';
          html_code += '<tr id="row_id_'+count+'">';
          html_code += '<td><span id="sr_no">'+count+'</span></td>';

         html_code += '<td><select name="item_name[]" id="item_name'+count+'" class="form-control input-sm" onChange="getbrand(this.value);" ><option></option><?php $sql='Select category from product GROUP BY category'; $run=mysqli_query($conn,$sql); while($row=mysqli_fetch_array($run)){ echo '<option>'.$row['category'].'</option>'; } ?></select></td>';

          html_code += '<td><select name="brand[]" id="brand'+count+'" class="form-control input-sm" ><option></option></select></td>';

          html_code += '<td><input type="text" name="order_item_quantity[]" id="order_item_quantity'+count+'" data-srno="'+count+'" class="form-control input-sm number_only order_item_quantity" /></td>';

          html_code += '<td><input type="text" name="order_item_price[]" id="order_item_price'+count+'" data-srno="'+count+'" class="form-control input-sm number_only order_item_price" /></td>';

          html_code += '<td><input type="text" name="order_item_actual_amount[]" id="order_item_actual_amount'+count+'" data-srno="'+count+'" class="form-control input-sm order_item_actual_amount" readonly /></td>';

          html_code += '<td><input type="text" name="order_item_tax1_rate[]" id="order_item_tax1_rate'+count+'" data-srno="'+count+'" class="form-control input-sm number_only order_item_tax1_rate" /></td>';

          html_code += '<td><input type="text" name="order_item_tax1_amount[]" id="order_item_tax1_amount'+count+'" data-srno="'+count+'" readonly class="form-control input-sm order_item_tax1_amount" /></td>';

          html_code += '<td><input type="text" name="order_item_final_amount[]" id="order_item_final_amount'+count+'" data-srno="'+count+'" readonly class="form-control input-sm order_item_final_amount" /></td>';

          html_code += '<td><button type="button" name="remove_row" id="'+count+'" class="btn btn-danger btn-xs remove_row">X</button></td>';
          html_code += '</tr>';
          $('#invoice-item-table').append(html_code);
        });

        $(document).on('click', '.remove_row', function(){
          var row_id = $(this).attr("id");
          var total_item_amount = $('#order_item_final_amount'+row_id).val();
          var final_amount = $('#final_total_amt').text();
          var result_amount = parseFloat(final_amount) - parseFloat(total_item_amount);
          $('#final_total_amt').text(result_amount);
          $('#row_id_'+row_id).remove();
          count--;
          $('#total_item').val(count);
        });


function getbrand(count) {
 for(k=1; k<=count; k++)
          {
$.ajax({
type: "POST",
url: "ajax_brand.php",
data:'state_id='+val,
success: function(data){ 

$("#brand"+k).html(data);
}
});}
}
</script>


$（文档）.ready（函数（）{
var final_total_amt=$（“#final_total_amt”）.text（）；
var计数=1；
$（文档）。在（'单击'，'添加行'，函数（）上）{
计数++；
$（#总计#项'）.val（计数）；
var html_代码=“”；
html_代码+=''；
html_代码+=''+计数+''；
html_代码+=''；
html_代码+=''；
html_代码+=''；
html_代码+=''；
html_代码+=''；
html_代码+=''；
html_代码+=''；
html_代码+=''；
html_代码+='X'；
html_代码+=''；
$（“#发票项目表”）.append（html#U代码）；
});
$（文档）。在（'单击'，'上。删除行'，函数（）{
var row_id=$（this.attr（“id”）；
var总计项目金额=$（“#订单项目最终金额”+行id）.val（）；
var final_amount=$（“#final_total_amount”）。text（）；
var结果金额=parseFloat（最终金额）-parseFloat（项目总金额）；
$（'最终总额'）。文本（结果金额）；
$（'#row_id'+row_id）.remove（）；
计数--；
$（#总计#项'）.val（计数）；
});
功能getbrand（计数）{
对于（k=1；k，因为我们没有从ajax_brand.php返回数据的格式，所以我假设这是一个品牌id和品牌名称条目的数组
例如
那么ajax的成功应该是这样的。当然，您需要用for循环k
计数器替换idbrand1


$（文档）.ready（函数（）{
$（'#按钮开火'）。在（'单击'，函数（）上）{
handleFire（）；
});
});
函数handleFire（）{
var brandSelect=$（'#brand1'）.empty（）；
$.ajax({
类型：“POST”，
//模拟url
url:“http://5b6a940cad81cd0014d152d2.mockapi.io/brand/api/v1/brands",
成功：功能（数据）{
数据。forEach（功能（品牌）{
brandSelect.append（$（''）{
价值：brand.id
}).html（品牌名称）
);
});
}
});
}

fire
我假设您有多个tr
品牌，每个品牌都有顺序的品牌id。正确吗？是的。正确的Yash Parekh只需将id作为brand1
提供给第一个静态html，然后剩下的将从brand2开始，依此类推。看起来很完美。您面临的困难是什么？如果我选择了类别，然后显示所有使用php和ajax调用从品牌ID中的数据库中选择类别的品牌在ajax返回后，您是将可用下拉列表选项添加到特定列表中，还是基于ajax响应添加一个全新的下拉列表？
function getbrand(count) {
     for(k=1; k<=count; k++)
              {


     $.ajax({
        type: "POST",
        url: "ajax_brand.php",
        data:'state_id='+val,
        success: function(data){ 

        $("#brand"+k).html(data);
        }
        });}
        }

[
   {
      "id":"1",
      "name":"Brand 1"
   },
   {
      "id":"2",
      "name":"Brand 2"
   }
]