用javascript重复div?

时间:2014-02-27 22:14:09

标签: javascript jquery html css

我不确定如何说出我要问的内容(或者我可能会找到它)。如果要将无限数量的项目添加到网页表单以提交给数据库,它会被称为什么?例如,如果您有简历网站,并且想要添加经验。您可以拥有一个职位空缺,以及“添加更多经验”。这叫什么?你是如何实现的(js,html,css)?

编辑:

感谢您的评论。这称为:动态添加表单元素。

3 个答案:

答案 0 :(得分:1)

您可以使用jQuery函数.clone()执行此操作。

以下是关于它的jQuery文档:http://api.jquery.com/clone/

您可以复制体验输入字段,并在将其附加到所需位置之前设置其属性(ID,名称等)。

答案 1 :(得分:1)

有很多方法可以做到这一点,这是一个

http://jsfiddle.net/uuKM8/

$('#myBtn').click(function(){
    $( "#myInput" ).clone().appendTo('body');
});

答案 2 :(得分:1)

这是一个基本的想法,

http://jsfiddle.net/3mebW/

var noOfFields = 2;

$('#addNew').on('click', function(e) {
e.preventDefault();
var newField = '<br><label  for="experience'+noOfFields+'">experience'+noOfFields+'</label>';
newField += '<input type="text" name="experience'+noOfFields+'"class="field"/>';
$('.field:last').after(newField);

//adding a hidden input inside the form to know the number of inserted fields
//make sure that the input is not already here 
//then adding it to handle the number of inputs later
if($('#noOfFields').length === 0){      
    $('#Frm').append('<input type="hidden" value="2" id="noOfFields"/>');
}else{
    $('#noOfFields').attr('value',noOfFields);
}
noOfFields++;
});

您还可以使用类或任何其他方法检测字段数