将Mysql数据库中的记录提取到jquery脚本中

时间:2015-12-26 11:17:22

标签: php jquery mysql ajax

使用onclick函数添加新表行。我希望在添加新行时将MySql中的记录添加到选择选项标记中。

var i=$('table tr').length;
$(".add").on('click',function(){
    html = '<tr>';
    html += '<td><input class="case" type="checkbox"/></td>';
    html += '<td> <select id="credit_1" name="account_code[]" class="form-custom-control" style="padding-top:0px;"><option></option></select></td>';
    html += '<td>
                 <select name="fund_id[]" class="form-custom-control">
                     <option></option>
                </select>
             </td>';
    html += '<td><input type="text" name="category[]" id="category_'+i+'"></td>';
    html += '</tr>';
    $('table').append(html);
    i++;
});

的Ajax

$(function(){
  $(document).on("click",".add",function(e){
    e.preventDefault();
    var _this=$(this);
    var id =_this.val();
    var fund=_this.closest("tr").find("select[name='fund_id[]']");
    var dataString = 'id='+ id;
  $.ajax({
            type: "POST",
            url: "populate_fund_type.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
               fund.html(html);
           } 
      });
  });
});

     $id = $_POST['id'];
    $sql = $link->query("SELECT * FROM funds");
     echo '<option></option>';
    while($row = mysqli_fetch_array($sql)) {
   echo '<option value="'.$row['fund_id'].'">'.$row['fund_name'].'</option>'; 
   }

任何帮助将不胜感激。 感谢

1 个答案:

答案 0 :(得分:0)

你可以使用ajax和jquery来成功。并且在成功时将html附加到div或表中。 ajax代码

$.ajax({
    type: 'POST',
    url: 'yourphp_page.php',
    data: {status:"0"}
}).done(function(html){     
$('#yourtable_id').append(html);

});