Question

我刚刚从数据库中解析了数据并打印在表格上。这是代码

<script type="text/javascript">
    $('#doctorselected').on('change', function(e){
      console.log(e);
      var doctorid = e.target.value;
      var url = '{{URL::to('getdocDetails')}}';
      $.ajax({
         type : 'get',
         url  : url,
         data : {'doctorid':doctorid},
         success:function(data){
           console.log(data);
           var d = $.parseJSON(data);
           console.log(d);
            var output = '';
            var $tabledata = $('#tbody');
            $tabledata.empty();
            $.each(d[0].products.split(","), function (index, product) {
                var $eachProduct = product;
                output += '<tr id=""><td>' +'
               <input type="hidden" name="product" id="product" value="">' 
                  + product + '</td>' +
                '<td>' + '<input type="text" name="qty" />'+ '</td></tr>'
            });
            $('#tbody').append(output);
         },
         error:function(data)
         {
           console.log(data);
         }
    });
  });
  </script>

查询-> 产品是动态生成的值，我只是将其打印在桌子上。我需要所有这些数据以使其可序列化并将其发送以添加到行中。

因此，请建议我如何在隐藏的文本框的value字段中打印产品的实际值。我只是试着玩，但遇到未定义的变量错误。但是我可以将其分配给变量并通过控制台进行打印。我想知道这怎么可能。

我正在收集的所有数据都来自弹出窗口。用户单击“保存”按钮后，应该将其添加到背面。假设页面为A。它有一个按钮来调用弹出窗口，并且数据是从那里收集的。

这是我尝试收集并弄清楚的代码。

  <script type="text/javascript">
  $('#frmCustomer').on('submit',function(e){
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
      }
    })
    e.preventDefault();
    var form = $('#frmCustomer');
    var formData = form.serialize();
    console.log('serialize check');
    console.log(formData);
    var url = form.attr('action');
    var state = $('#save').val();
    var type = 'post';
    if(state == 'Update'){
      type = 'put';
    }
    $.ajax({
      type : type,
      url  :  url,
      data :  formData,
      success:function(data){
      var row = '<tr id="customer' + data.id +'" >' +
          '<td>' + data.id + '</td>'+
          '<td>' + data.first_name + '</td>'+
          '<td>' + data.last_name + '</td>'+
          '<td>' + sex + '</td>'+
          '<td>' + data.email + '</td>'+
          '<td> <button class="btn btn-success btn-edit" data-id="'+ data.id +'"><i class="glyphicon glyphicon-saved"></i> Edit</button>'+
              '<button class="btn btn-danger btn-delete" data-id="'+ data.id +'"><i class="glyphicon glyphicon-remove"></i> Delete</button></td>'+
          '</tr>';
          if (state == 'save'){
            $('tbody').append(row);
          }
          else {
            $('#customer').replaceWith(row);
          }
        $('#frmCustomer').trigger('reset');

      },
      error:function(data){
        console.log(data);
      }
    });
  });
  </script>

我非常确定此代码块有很多问题。我只想用第一个代码块来映射此代码，在该代码块上我已经在产品名称上打印并取了数量。此代码块是我从其他来源复制的示例。

请帮助我进行映射。

预先感谢

为隐藏的文本字段命名

0 个答案: