jquery动态循环添加客户端控件
<div>
<p>
<b>接收邮箱:</b>
<input id="btnAdd" type="button" value="+添加" onclick="monitor.addMail(this);" />
</p>
</div>
<script type="text/javascript">
var count=0;
var monitor = {
addMail: function (obj) {
var mailp = document.createElement('p');
var mailInput = document.createElement('input');
$(mailInput).attr({ type: 'text', maxLength: 50 });
var deleteButton = document.createElement('input');
$(deleteButton).attr('type', 'button').val('删除').click(function () {
$(this).parent().remove();
});
if (count < 5) {
$(obj).parent().parent().append(mailp);
$(mailp).append(mailInput).append(deleteButton);
count++;
}
}
}
</script>