Question

我试图编辑动态创建的表单。但是当我选中复选框时，填写表单并单击“编辑”按钮，只显示已编辑的内容。休息都没了。

表格：

<table class="table" id="list">
  <thead>
    <tr>
     <th>Product</th>
     <th>Qty</th>
     <th></th>
    </tr>
 </thead>
 <tbody>

 </tbody>
</table>

输入，添加和编辑按钮：

<input type="text" name="product" id="p" />
<input type="text" name="qty" id="q" />
<button type="button" id="add">Add</button>
<button type="button" id="edit">edit</button>

脚本：

<script>
$(document).ready(function(){
  $('#add').click(function(){
  var product = $('#p').val();
  var qty = $('#q').val();
  data = 'product='+product+'&qty='+qty+'&action=add';
  $.ajax({
    url:'add.php',
    type:'POST',
    data:data,
    success:function(data){
        $('#list tbody').prepend(data);
    }
 });
});
$('#edit').click(function(){
  var product = $('#p').val();
  var qty = $('#q').val();
  data = 'product='+product+'&qty='+qty+'&action=edit';
  $.ajax({
    url:'edit.php',
    type:'POST',
    data:data,
    success:function(data){
        $('#list tbody').html(data);
    }
 });
 });
});
</script>

add.php

if($_POST['action']=='add'){
$p=$_POST["product"];
$q=$_POST["qty"];
echo '<tr>';
echo '<td>'.$p.'</td>';
echo '<td>'.$q.'</td>';
echo '<td><input type="checkbox" name="" value="" /></td>';
echo '</tr>';
}

edit.php

if($_POST['action']=='edit'){
$p=$_POST["product"];
$q=$_POST["qty"];
echo '<tr>';
echo '<td>'.$p.'</td>';
echo '<td>'.$q.'</td>';
echo '<td><input type="checkbox" name="" value="" /></td>';
echo '</tr>';
}

我想我应该为echo '<tr id="x">'分配一个ID，但我不知道如何。任何建议都将不胜感激。

约翰

编辑动态表行

0 个答案: