Javascript 获取DOM加载后创建的输入元素的值

我有16行5列的多个输入元素（就像网格一样）。16行的内容作为16条记录插入到mysql表中，每条记录包含5个字段。我想要一个方法，使用jquery获取数组中所有输入的值，并将其传递给ajax post请求

php包含以下代码

jQuery('#metentry').submit(function(e){
     e.preventDefault(); 

 // getting data from form to variables
 var date=jQuery('#stddate').val();
 var kgsunit=jQuery('#unit').val();
 var kgsshift=jQuery('#shift').val();


//sending data to script
 jQuery.post("get_blank_form.php", {
 "date":date, 
 'unit':kgsunit,
 'shift':kgsshift, 
 },    function(data) {      

  //displaying message
jQuery('#blankform').html(data);
jQuery('#formpanel').hide();


  });

get_blank_form.php包含以下代码：

echo'<form id="shiftentry" name="shiftentry" >';


 echo "Date:<input id=shiftdate value='".$date."'/>"; 
 echo "Unit:<input id=shiftdate value='".$unit."'/>";
 echo "Shift:<input id=shiftdate value='".$shift."'/><br/>";

   echo "<table><tr><th>No</th><th>Ele</th><th>Location</th><th>Drate </th><th>H3 Val </th><th>Part </th>   <th>Iod</th><th>Cont. </th></tr>";
            while($row2=mysql_fetch_array($result_sec))
                { 
                echo "<tr>";
                echo "<td>".++$rc."</td>";
                echo "<td><input size='5' id='".$row2['ele']."' value='".$row2['ele']."' /></td>";
                echo "<td><input id='".$row2['loc_id']."' value='".$row2['loc']."' /></td>";
                echo "<td><input size='5' id='drate".$rc."'  value='".$row2['drate']."'/></td>";
                echo "<td><input size='5' id='h3".$rc."' value='0' /></td>";
                echo "<td><input size='5' id='part".$rc."' value='0' /></td>";
                echo "<td><input size='5' id='iod".$rc."' value='0' /></td>";
                echo "<td><input size='5' id='cont".$rc."' value='0' /></td>";
                echo "</tr>";
            }



  echo " </table>";



   echo '<div align="center">';
   echo '<input type="submit" id="submit2" name="submit2" value="Submit" width="30" />';
   echo '</div>';

 echo '</form>';

我在这个页面中还有另一个jquery脚本，用于遍历输入框（显然，这些输入框是在DOM之后加载的）

---

如何在脚本中使用用于遍历的脚本中的委托选项来获取输入值？

您可以简单地创建回调，就像在创建输入/输入组后执行的函数或方法中一样。这将使您的代码更基于事件，并且更易于使用？没有什么不同的委托提交处理程序比它是键事件或鼠标事件

jQuery（'#blankform'）。on（'submit'，'form'，function（）{…}）？我需要获取数组中所有输入元素的值。因为输入元素是在DOM加载之后加载的，所以我没有完成这项工作
jQuery('#form1').submit(function(e){
     e.preventDefault(); 

        var arr = jQuery('#form1 tr:gt(0)').map(function() {
    return [jQuery('input', this).map(function() {
        return this.value;
    }).get()];
}).get();


});

jQuery(document).delegate('input','keyup',function(e){
if(e.which==39)
jQuery(this).closest('td').next().find('input').focus();
else if(e.which==37)
jQuery(this).closest('td').prev().find('input').focus();
else if(e.which==40)
jQuery(this).closest('tr').next().find('td:eq('+jQuery(this).closest('td').index()+')').find('input').focus();
else if(e.which==38)
jQuery(this).closest('tr').prev().find('td:eq('+jQuery(this).closest('td').index()+')').find('input').focus();
});