如何使用jquery動態添加行形式的值？

Question

我有一個php動態添加行的形式（點擊按鈕後行添加）。我想填充字段值「xx」，我想在jQuery中做到這一點。

此循環在jquery中創建動態添加的行。我想，以填補值 「XX」 添加字段：

while($personsArrayLength>2){ 
     echo ' 
      <script> 
      $(document).ready(function(){ 
       var i = 2; 
       var rowTemplate2 = jQuery.format($("#template2").html()); 

       rowTemplate2.value = "xx"; 
       addRow2(); 

       function addRow2(){ 
        var ii = i++; 
        $("#app_here2").append(rowTemplate2(ii)); 
        $("#delete_" + ii).click(function(){ 
         $("#row_" + ii).remove(); 
        }); 
       } 
      }); 
     </script> 
    '; 

以下是一個HTML：

function addRows2(){ 

    global $personsError_css; 
    $personsArray = $_POST['persons']; 
    JB_var_dump($_POST['whichRow']); 
     $html = '<table id="template2" align="right" style="display:none; "> 
      <tr id="row_{0}"> 
       <td><input type="text" size="52" id="persons" name="persons[]" maxlength="100"></td> 
       <td><img src="/../_img/row_del.png" id="delete_{0}" alt="usun"></td> 
      </tr> 
     </table> 
     <table id="list2" style="margin-left:200px;"> 
      <thead > 
       <tr> 
        <th></th> 
        <th></th> 
       </tr> 
      </thead> 

      <tbody> 
       <tr> 
        <td><input type="text" size="52" name="persons[]" maxlength="100" style="'.$personsError_css.';" value="'.$personsArray[1].'"></td> 
        <td></td> 
       </tr> 

       <tr> 
        <td colspan="2" id="app_here2"></td> 
       </tr> 
      </tbody> 
     </table>'; 
     return $html; 
} 

這是正確填寫表格

在這種epty領域我想以增加值「xx」

對不起，我的英語。

如何設置添加行的值？我的代碼中應該改變什麼？ 感謝您的幫助。

Answer 1

更改 'addRow2' 這樣的：

function addRow2(){ 
    var ii = i++; 
    $("#app_here2").append(rowTemplate2(ii)); 
    //UPDATE: var rowTemplate2 is not a jQuery Object, as i thought 
    $("#template2").find("input:empty").val("xx");; // added this row 
    $("#delete_" + ii).click(function(){ 
     $("#row_" + ii).remove(); 
    }); 
}