javascript - 用javascript重复一个div?

标签 javascript jquery html css

我不确定如何表达我要问的内容(或者我可能能够找到它)。当您有无限数量的元素要添加到网页表单以提交给数据库时,这叫做什么?例如,如果您有一个简历网站,并且您想要增加经验。您可能有一份工作的空档,以及“增加更多经验”。那叫什么?你如何实现它(js、html、css)?

编辑:

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

最佳答案

这是一个基本的想法,,

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++;
});

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

关于javascript - 用javascript重复一个div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22081690/

相关文章:

javascript - 如何在 GridView 的 OnLoad 事件上调用 javascript 函数?

css - IE9 <section> 不能 100% 正确反射(reflect)

javascript - Rails 5 - 如何在 Rails 中使用 javascript - 使用一个脚本会破坏另一个脚本

javascript - jQuery 验证复选框单击禁用 TextBox?

javascript - 如何将 1000 000 显示为 1Million

php - 如何确定当前使用的网格选项

html - 字体不在 wordpress 网站上呈现

html - css flex-box wrap 但避免区域

javascript - 这段 JavaScript 代码有什么问题?

javascript - 在 ReduxReducer 中还是在组件的 ShouldComponentUpdate 中进行深度比较?