Цикл внутри .append jquery

Question

У меня есть 2 массива элементов из PHP. Я сохранил элементы в переменной 2 в javascript, затем зациклил 1 переменную, чтобы создать таблицу для отображения элемента

Я хочу создать элемент в append и l oop другой массив для привязки или динамического отображения другие элементы в

вот мой код

<script>
$(document).ready(function(){
    $("#courier_id").change(function (){
        var c_id =  $(this).val();
        var totalCOD    =   0;
        $('#data').empty();
        $.ajax({
          type: "POST",
          dataType: "json",
          data: {
              'delivery_courier' : c_id
          },
          url: "<?=base_url()?>Admin/get_deliverd_consignmnet",
          success: function(data) {
              var status    =   data.status;
              var consignment   =   data.consignment;      
          if(consignment.length > 0){
              $("#table").css({"display":"block"});
              $("#nodata").css({"display":"none"});

              $.each(consignment, function(idx, obj) {


                  $("#data").append("<tr><td><input value="+obj.c_id+" total="+obj.cod+" type=checkbox style='width: 24px;height: 23px;'/>"+"</td><td>"+obj.c_id+"</td><td>"+obj.consignee_name+"</td><td>"+obj.consignee_address+"</td><td>"+obj.cod+"</td><td>"+obj.code+" - "+obj.description+"</td><td><select>'2nd loop start here'<option></option>'2nd loop end here'</select></td></tr>");

              });
              $("#data").append("<tr><td colspan='4'><b><center>Total</center></b></td><td id='field_results'></td><td></td><td></td></tr>");

              $("input:checkbox").click(function() {
                var output=0;
                $("input:checked").each(function() {
                  output += Number($(this).attr('total'));
                });
                $("#field_results").html(output);
              });
          }
          else{
              $("#table").css({"display":"none"});
              $("#nodata").css({"display":"block"});
          }
          }
        });
    });
});

1-й цикл зацикливается на груз 2-й вариант, который я хочу, чтобы l oop был статус

Answer 1

Сначала создайте l oop для параметров, а затем сохраните их в строковой переменной:

var options = "";
$.each(status, function () {
    options += "<option>"+status.attribute+"</option>"
})

Затем добавьте эту строку в свое добавление:

$("#data").append("<tr><td><input value="+obj.c_id+" total="+obj.cod+" type=checkbox style='width: 24px;height: 23px;'/>"+"</td><td>"+obj.c_id+"</td><td>"+obj.consignee_name+"</td><td>"+obj.consignee_address+"</td><td>"+obj.cod+"</td><td>"+obj.code+" - "+obj.description+"</td><td><select>"+options+"</select></td></tr>");

Есть Есть много способов сделать это, но я думаю, что этот способ проще для вас, потому что он соответствует вашей точке зрения.