jquery添加/删除有效电子邮件地址

我正在尝试验证电子邮件地址并将其添加到多选框中。为了验证电子邮件地址，我使用jquery站点的这个示例。如何将有效的电子邮件地址添加到选择框中

$("#myform").validate({
    rules: {
    field: {
        required: true,
         email: true
}

} }

---

检查电子邮件是否有效后。你可以

var options = $('#emailRecipients').attr('options');
options[options.length] = new Option(emailAdd, emailAdd, true, true);

---

其中emailAdd是已验证的电子邮件地址

首先获取已验证的电子邮件，然后：

$('#addButton').click(function(){
  $('#emailRecipients').append('<OPTION value=' + email + '>' + email + '</OPTION>');
});

---

单击“添加”按钮后，这会将新选项和新电子邮件附加到“选择”中。

我也做了类似的操作$选择.append+$this.attr'name'+；@tiagoboldt我已经实现了这一点，添加和删除都在FF上工作，但不在IE上工作。当我添加有效电子邮件地址时，由于某种奇怪的原因，选择框的宽度正在减小，并且验证方法也在工作。你能帮我解决这个问题吗。。？两条注释：使用单个$document.ready。它更容易维护和阅读。此外，尽量不要有多层次的功能。单独创建函数，然后将它们用作参数，而不是就地定义它们。我通常创建一个包含所有初始化的函数设置{..}，然后只需执行$document.readysetup；| | |此外，您没有检查电子邮件在每封电子邮件上是否有效：请尝试将isValidEmail验证添加到addButton click事件，以便在用户每次尝试添加新电子邮件时完成验证。希望有帮助，祝你好运，汉克斯·蒂戈博尔特。但我不明白为什么选择框的宽度在IE中减少，当我试图不断添加电子邮件地址时？

$('#addButton').click(function(){
  $('#emailRecipients').append('<OPTION value=' + email + '>' + email + '</OPTION>');
});