我有一个DIV容器
<div id=id1></div>
它里面的内容是点击插入,效果就下图:
但现在有一个问题
我做的这个插入可以重复插入,
我想让他不能重复插入,,像QQ邮箱的选择联系人的那种效果。。。。大家参与
我有一个DIV容器
<div id=id1></div>
它里面的内容是点击插入,效果就下图:
但现在有一个问题
我做的这个插入可以重复插入,
我想让他不能重复插入,,像QQ邮箱的选择联系人的那种效果。。。。大家参与
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function add()
{
var value =document.getElementsByTagName("input")[0].value;
if(value.length >0)
{
var flag = check(value+";");
if(flag)
{
document.getElementById("cell").innerHTML = document.getElementById("cell").innerHTML+"<div>"+value+";</div>"
}
else
alert("重复");
}
else
alert("0");
}
function check(v)
{
var obj = document.getElementById("cell");
var content = obj.getElementsByTagName("div");
var flag = true;
for(var i = 0 ; i < content.length ; i ++)
{
if(content[i].innerHTML == v)
flag = false;
}
return flag;
}
</script>
<body>
<input type="text" /><input type="button" value="Add" onclick="add()"/>
<div id="cell">
</div>
</body>
</html>
是这样的不?
你每次点击不只是把值得了文本框啊,还把它们的id保存了吧?每次给文本框和保存id的时候判断id是否已经有了就可以了啊