stopping my function on javascript
通过使用此我可以在我的页面上添加无限的输入。但问题是在我的情况下,我有一个输入字段,但它可能或可能没有子或子输入字段,如果它然后应该与父输入字段相关联。JQuery动态输入字段与子输入字段
对于子输入字段,父输入字段也是必须的。
有问题?
动态输入字段(从上面得到),
动态子/子输入字段,
如何与家长儿童/子输入字段关联,
因此,它可以与相关领域的数据库保存。
stopping my function on javascript
通过使用此我可以在我的页面上添加无限的输入。但问题是在我的情况下,我有一个输入字段,但它可能或可能没有子或子输入字段,如果它然后应该与父输入字段相关联。JQuery动态输入字段与子输入字段
对于子输入字段,父输入字段也是必须的。
有问题?
动态输入字段(从上面得到),
动态子/子输入字段,
如何与家长儿童/子输入字段关联,
因此,它可以与相关领域的数据库保存。
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>
使用类似的功能,并添加不同名称的段落, 希望这会有所帮助。 试试吧。