JQuery 动态添加和删除成员

最新推荐文章于 2023-05-23 23:52:42 发布

原创最新推荐文章于 2023-05-23 23:52:42 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用JavaScript动态生成HTML表单元素的方法，通过简单的脚本实现了添加和删除邮箱输入框的功能，适用于需要接收报警邮件配置的场景。

function addMail() {

var $createMailNode = $("<tr><td style='text-align:right'>邮箱：</td><td style='vertical-align:middle'><input type='text'class='CommonTextBoxStyle' /><img src='../Images/Storage/Storage_Remove.png' onclick='removeMail(this)' style='width:20px;height:20px'/></td></tr>");

$("#acceptTable").append($createMailNode);

}

function removeMail(obj) {

$(obj).parent().parent().remove();

}

</script>

<legend>接受报警邮件的邮箱</legend>

<tr>

<td style="width:20%;text-align:right">邮箱：</td><td><input id="tbAcceptWarnMail" class="CommonTextBoxStyle"

/><img src="../Images/Storage/Storage_Add.png" onclick="addMail()" style="width:20px;height:20px"/></td>

</tr>

</table>