JQuery動態輸入字段與子輸入字段

Question

stopping my function on javascript
通過使用此我可以在我的頁面上添加無限的輸入。但問題是在我的情況下，我有一個輸入字段，但它可能或可能沒有子或子輸入字段，如果它然後應該與父輸入字段相關聯。

對於子輸入字段，父輸入字段也是必須的。
有問題？
動態輸入字段（從上面得到），
動態子/子輸入字段，
如何與家長兒童/子輸入字段關聯，
因此，它可以與相關領域的數據庫保存。

Answer 1

http://jsfiddle.net/Shahbaz/WhaBx/

從這個我可以添加多個輸入字段和追加多個子/子輸入字段。 可以追加。 我會嘗試修改更多。

$(function() { 
    var scntDiv = $('#p_scents'); 
var i = $('#p_scents label').size() + 1; 

$('#addScnt').live('click', function() { 
$('<p>Keyword: '+i+'<a href="#" id="remScnt">Remove</a><br><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="keyword[]" value="" placeholder="Enter Keyword" /><a href="#" id="addVar">Add Variants</a><a></a></label></p>').appendTo(scntDiv); 
i++; 
return false; 
}); 

$('#remScnt').live('click', function() { 
if(i >2) { 
$(this).parents('p').remove(); 
i--; 
} 
return false; 
}); 

$('#addVar').live('click', function() { 
//alert(); 
$('<p><label for="var"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Enter Vareyword" /></label> <a href="#" id="remVar">Remove Var</a></p>').appendTo($(this).next()); 
return false; 
}); 


$('#remVar').live('click', function() { 

$(this).parent('p').remove(); 


return false; 
}); }); 
<h2><a href="#" id="addScnt">Add Another Input Box</a></h2><div id="p_scents"> 
<p> 
Keyword: 1 
<br> 
<label for="p_scnts"><input type="text" id="p_scnt" size="20" name="keyword[]" value="" placeholder="Enter keyword"> 
<a href="#" id="addVar">Add Variants</a> 
<a></a> 
</label> 
</p> 
</div> 

Answer 2

使用類似的功能，並添加不同名稱的段落， 希望這會有所幫助。 試試吧。