奔腾年代

但行好事,莫问前程。

导航

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>

 

posted on 2012-03-05 13:07  奔腾年代  阅读(463)  评论(0编辑  收藏  举报