jquery post動態表格

Question

我有這段代碼。它將動態生成多個表單。我想問如何寫入Jquery代碼來發布只有選定的表單。 $ day實際上來自數據庫，爲了簡單起見，我將它分配到了6。

PHP

<?php 

$day = 6; 

for($i=1; $i<= $day ;$i++){ 

    echo "<div class='item'>"; 
    echo "<form class='itineraryForm' id='itineraryForm$i' method = 'post'>"; 
    echo "<table>"; 
    echo "<tr>"; 
    echo "<th>Time</th>"; 
    echo "<th>Activities</th>"; 
    echo "</tr>"; 
    echo "<tr>"; 
    echo "<td>"; 
    echo "<input type='text' class='i_field' name='time[]' value='' />"; 
    echo "</td>"; 
    echo "<td>"; 
    echo "<input type='text' class='i_field' name='activities[]' value='' />"; 
    echo "</td>"; 
    echo "</tr>"; 
    echo "</tbody>"; 
    echo "<input type='image' id='i_save_btn' src='img/save.png' value='SAVE' align='right'/>"; 
    echo "</table>"; 
    echo "</form>"; 
} 
?> 

JS

$().ready(function() { 
    $("#i_save_btn").click(function(e){ 
     $.post('inc/process.php', $(".itineraryForm").serialize(), function(data) {}); 
    }); 
}); 

Answer 1

下面的代碼使用。

是呼叫Event Delegation

事件代表團允許我們附加一個單一的事件偵聽器，到 父元素，將火了 選擇匹配所有後代，無論是現在存在或添加這些後代在未來的 。

- >使用i_save_btn作爲類。總是應該是獨一無二的。

$(document).ready(function() { 
    $(document).on('click',".i_save_btn",function(e){ 
    e.preventDefault(); 
    $.post('inc/process.php', $(this).parents('form').serialize(), function(data) {}); 
    }); 
}); 

檢查DEMO