从数据库获取数据并使用php中的jquery绑定到html表

时间:2016-11-04 06:30:40

标签: javascript php jquery mysql ajax

我试图从数据库中获取数据并使用php中的jquery绑定到html表。结果显示正确。但我想将数据提取到内部文本框中,这意味着获取的数据应该是可编辑的。请满足我的需求。

我的代码是。

$.ajax({

           type: "POST",
          url: "add_temp_purchase",
         cache: false,
         data: 'itemnum='+itemnum+'&quantity='+quantity+'&customer_id='+customer_id,
         dataType: "html",
         success: function(returnhtml) {
             //alert(customer_id);
               $.ajax({

                type: "GET",
                url: "gettempid",
                cache: false,
               data: 'customer_id='+customer_id,
               dataType: "html",
              beforeSend: function() {
                                                                                    $('#metable').html('loading please wait...');
                                                                                             },
                         success: function(htmldata) {
                 var order_id = order_id;
                  var customer_id = customer_id;
                  var item_id = itemnum;
                  var count = quantity;

                 alert(customer_id);


                 $(".metable").find('tbody').append('<tr><td>' + order_id +
                '</td><td><input type="text">' + customer_id +
                      '</td><td><input type="text">' + item_id +
                '</td><td><input type="text">' + count +
                    '</td></tr>');


                        }
                       });  

我的HTML代码是:

<table class="table table-striped table-hover metable table-bordered" id="editable-sample">
                              <thead>
                              <tr>
                    <th>Id</th>
                                  <th>Customer Id</th>
                                  <th>Item Number</th>
                                  <th>Quantity</th>

                              </tr>
                              </thead>
                              <tbody>
                              <?php
         foreach ($tempresults as $result)
               {
               ?>
                              <tr class="">
            <td><input type="text" name="order_id" id="order_id" value="<?php echo $result->order_id;?>"></td>
          <td><input type="text" name="customer_id" id="customer_id" value="<?php echo $result->customer_id;?>"></td>
           <td><input type="text" name="item_id" id="item_id" value="<?php echo $result->item_id;?>"></td>
         <td><input type="text" name="count" id="count" value="<?php echo $result->count;?>"></td>

                              </tr>

                               <?php
          }
                   ?>
                              </tbody>
                          </table>
                                                                Thanks,

1 个答案:

答案 0 :(得分:0)

这可能不是最优雅的解决方案,但你试过这个吗?

$(".metable").find('tbody').append('<tr>
    <td><input type="text" value="' + order_id + '"></td>
    <td><input type="text" value="' + customer_id + '"></td>
    <td><input type="text" value="' + item_id + '"></td>
    <td><input type="text" value="' + count + '"></td>
</tr>');