如何实现通讯录效果

Question

<input type="text" id="mailTo" />
<div id="friends">
<li>[email protected]</li>
<li>[email protected]</li>
<li>[email protected]</li>
</div>
<script>
var lis=document.getElementById("friends").getElementsByTagName("li");
for(var i=0,j=lis.length;i<j;i++){
    lis[i].onclick=function(){
        var txt=document.getElementById("mailTo");
        if(txt.value!="")txt.value+=";";
        txt.value+=this.innerHTML;
    }
}
</script>
虽然难看了点，不过原理一样。。

Answer 1

谢谢大哥，请容许我提2个问题<li>[email protected]</li>
<li>[email protected]</li>
<li>[email protected]</li>
上面是具体的邮件
如果是下面这种情况应该怎么处理？
<li>我的好友</li>
<li>我的同事</li>
<li>我的同学</li>也就是说，我的好友是包含一个或者多个邮件地址，我的同事，我的同学也是如此，而这些地址都是用XML保存的第二个问题，如何对已经存在的地址不再添加

Answer 2

原理是一样的
js直接请求xml文件即可然后dom读取结点，然后js改变text的内容。当然也可以js请求xmlhttp