这是我的HTML代码:
<div id="extraPerson">
<div class="controls controls-row">
<input class="span3" placeholder="First Name" type="text" name="firstname2">
<input class="span3" placeholder="Last Name" type="text" name="lastname2">
<select class="span2" name="gender2"><option value="Male">Male</option><option value="Female">Female</option></select>
...ETC
</div>
</div>
<a href="#" id="addRow"><i class="icon-plus-sign icon-white"></i> Add another family member</p></a>
这是我的jQuery代码:
<script>
$(document).ready(function(){
$('#addRow').click(function(){
$("#extraPerson").slideDown();
});
})
</script>
#extraPerson在CSS中被隐藏。
当链接被点击时,它会添加一个div。但是,我希望每次单击链接时它都能继续添加相同的div。我该怎么做?最好还能将数字附加到表单输入名称中。例如firstname3、firstname4等。
extraPerson
并不是在“添加”任何东西,它已经存在了。你是如何创建其他形式的? - tymeJV