JQuery는 입력란에 동적으로 입력 할 필드를 입력합니다.

Question

stopping my function on javascript
내 페이지에 무제한 입력을 추가 할 수 있습니다. 하지만 문제는 필자의 경우 입력 필드가 있지만 자식 또는 하위 입력 필드가 있거나 없을 수 있으며 부모 입력 필드와 연결되어야합니다.

또한 부모 입력 필드는 하위 입력 필드에 필수입니다.
질문? (위에서 있어요)
동적 입력 필드,
동적 아이/서브 입력 필드, 부모와 자식/하위 입력 필드를 연결하는 방법
,
이 분야와 관련된으로 DB에 저장할 수 있도록.

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

비슷한 기능을 사용하고 다른 이름으로 단락을 추가하십시오. 희망이 있으면 도움이 될 것입니다. 사용해보기. 이에서