通過jQuery修改表單 - 無法檢索多個字段值

Question

我試圖從jQuery表單獲取多個字段時遇到一些問題。

我使用表單來創建項目。任務的數量沒有預定義的，所以新的表單字段添加新的任務，可以通過jQuery的動態創建：

HTML表單

<form action="#" id="createProjectForm" method="post"> 
<fieldset id="Project"> 
<label for="title">Title:</label> 
<label for="title">Coordinator:</label> 
<input type="text" id="coordinator" name="coordinator" placeholder="COORDINATOR" />   
<div id="tasks"> 
<hr/> 
<label for="taskTitle">Task:</label> 
<input type="text" id="taskTitle" name="taskTitle" placeholder="TASK TITLE" /> 
</div> 
<label for="createTask"></label>    
<input type="button" id="createTask" value="ADD NEW TASK" /> 
<label for="submitTask"></label>    
<input type="submit" id="submitTask" value="SAVE AND CREATE PROJECT" /> 
</form> 

JQUERY

$("#createTask").live("click",function() {     
$('#tasks').clone().insertAfter("#tasks"); 
}); 

當我克隆div「任務」時，我可以正確地看到兩個「taskTitle」輸入fie新的任務LDS，但是當試圖獲取值（用「每」）：

JQUERY

$("#createProjectForm").live("submit",function() { 
var taskTitles = ""; 
$("#taskTitle").each(function(){ 
taskTitles += $.trim($(this).val()) + ","; 
console.log("Task: "+taskTitles); 
}); 

我剛剛得到的第一個字段的值，而不是第二個，就像它沒有正確存儲在DOM中一樣...

任何建議？ 謝謝！

Answer 1

當您使用id克隆項目時，克隆的項目會獲得相同的ID。 Jquery的id選擇器只會選擇第一個匹配項。 （見這裏http://api.jquery.com/id-selector/）