Javascript 添加到列表中

Javascript 添加到列表中,javascript,html,Javascript,Html,我想使用javascript在用户点击按钮时将文本输入中的任何内容添加到列表中。这是我目前的职能: function add(){ var form = document.getElementById('form') var email = form.elements.typer.value var select = document.getElementById('users') var option = document.createElement("opt

我想使用javascript在用户点击按钮时将文本输入中的任何内容添加到列表中。这是我目前的职能:

function add(){
    var form = document.getElementById('form')
    var email = form.elements.typer.value

    var select = document.getElementById('users')
    var option = document.createElement("option")
    option.text = email
    select.add(option)
}

它可以工作,但您可以多次添加相同的文本。如何制作程序,使用户不能多次添加相同的文本?

在添加文本之前,您可以使用includes()检查列表中是否已经存在该文本。MDN:


这将返回true或false,具体取决于该值是否已存在于列表中。

您可以使用一个数组来跟踪已添加的所有电子邮件。 然后,在创建
选项之前,选择
,检查是否在该数组中找到它,如果没有,则添加,如果是,则告诉用户

请参阅下面的代码

var addedUsers=[];
函数add(){
var form=document.getElementById('form')
var emailInput=form.elements.typer;
让email=emailInput.value
emailInput.value=“”;
if(addedUsers.indexOf(email)=-1){
addedUsers.push(电子邮件)
var select=document.getElementById('users');
var option=document.createElement(“选项”);
option.text=电子邮件;
选择。添加(选项)
}否则{
警报(“此用户已在列表中”);
emailInput.focus()
}
}

添加

在添加之前,您可以检查数组中是否已经存在任何文本。首先查看,您必须检查选项中的值。如果存在于选择选项中,则必须忽略,否则可以添加值。(不是提醒,而是添加…)谢谢,但我还有一个删除按钮。这是我的删除函数:函数rem(){var form=document.getElementById('form')var email=form.elements.typer.value var select=document.getElementById('users')var options=select.options for(var i=2;i共享
按钮,并将链接传递给我。