如何使用jquery从外部php文件对齐动态生成的表行

如何使用jquery从外部php文件对齐动态生成的表行,php,jquery,mysql,Php,Jquery,Mysql,您好,我有一个表单,当用户单击add按钮时,它会动态生成一个表行。到目前为止,我能够生成表行,但问题是该行不是在表单中生成的 有人能帮我吗这是我的剧本 $(document).ready(function(){ $('#addnew').click(function(){ var ctr = $('#items').val(); ctr++;

您好,我有一个表单,当用户单击add按钮时,它会动态生成一个表行。到目前为止,我能够生成表行,但问题是该行不是在表单中生成的

有人能帮我吗这是我的剧本

 $(document).ready(function(){ 
                $('#addnew').click(function(){

                    var ctr = $('#items').val();
                    ctr++;

                    $.post('purch_srch.php', {ctr : ctr}, function(data) {
                          $(data).appendTo('#detail');

                          $('#items').val(ctr);                        
                    });
                });
            });
这是我的php

session_start();
require("includes/dbconnect.php");
include ('includes/function.php');

$zdb = $_SESSION["zdbyear"];
mysql_select_db($zdb);

if ($_REQUEST["ctr"]){
    $ctr = $_REQUEST["ctr"];
echo "<tr>";
echo "<td>";
echo "1";
echo "</td>";
echo "<td>";
echo "2";
echo "</td>";
echo "<td>";
echo "3";
echo "</td>";
echo "<td>";
echo "4";
echo "</td>";
echo "<td>";
echo "5";
echo "</td>";
echo "<td>";
echo "6";
echo "</td>";
echo "<td>";
echo "7";
echo "</td>";
echo "</tr>";

}
session_start();
require(“includes/dbconnect.php”);
include('includes/function.php');
$zdb=$_会话[“zdbyear”];
mysql_select_db($zdb);
如果($_请求[“ctr”]){
$ctr=$_请求[“ctr”];
回声“;
回声“;
回声“1”;
回声“;
回声“;
回声“2”;
回声“;
回声“;
呼应“3”;
回声“;
回声“;
呼应“4”;
回声“;
回声“;
回声“5”;
回声“;
回声“;
回声“6”;
回声“;
回声“;
回声“7”;
回声“;
回声“;
}
这是我的html

           <table id="detail" border="1px" width="90%">
          <tr>
              <td><br /></td>
          </tr>

          <tr>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Order</font><span></span></label></td>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">item</font><span></span></label></td>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Description</font><span></span></label></td>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Unit</font><span></span></label></td>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Total Quantity</font><span></span></label></td>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Rate</font><span></span></label></td>
             <td width="130px" align="center"><label for=""><font color="#0099FF" size="3px">Amount</font><span></span></label></td>
          </tr>

              <tr>
                  <td align="center"><input type="text" size="6" maxlength="6" maxlength="6" name="ord_0" class="form-input-oth"/></td>
                  <td align="center"><select data-placeholder="Party" style="width:120px;" name="order" class="chzn-select-deselect" >
                          <option>rehan</option>
                      </select></td>
                  <td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="descrip_0" class="form-input-name"/></td>
                  <td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="unit_0" class="form-input-rate"/></td>
                  <td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="totqty_0" class="qty form-input-rate"/></td>
                  <td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="rate_0" class="rate form-input-rate"/></td>
                  <td align="center"><input type="text" size="6" maxlength="9" maxlength="6" name="amt_0" class="cal  form-input-amt"/></td>
              </tr>


命令 项目 描述 单位 总量 比率 数量 热汉



将对您有效。

由于表格行是动态生成的,因此它也将具有动态id,并且会随机器而异。因此您将无法使用id


所以,如果您的行动态生成的行使用某个类。请使用类名作为选择器。

您是否尝试过$(“#detail”).append(data);是的,即使这样也不起作用您是否使用浏览器调试器查看ajax调用返回的内容?您应该为动态生成的td添加所有相同的属性…karmafunk是的,我这样做了,即使这样也没有显示任何形式的内容,先生,即使这样也不起作用现在行没有被追加我不认为这会有任何影响问题
&nbsp;<input type="button" id="addnew" class="classname" name="addnew" value="+" /> 
                  <input type="text" id="items" name="items" value="0" />  
document.getElementById("detail").appendChild(data);