读书人

怎么实现通讯录效果

发布时间: 2012-02-24 16:30:38 作者: rapoo

如何实现通讯录效果
在126写信的时候,点击右边的通讯录名单,那么相应的邮件就会出现在收件人的地址栏中,这个怎么实现?

[解决办法]

HTML code
<input type="text" id="mailTo" /><div id="friends"><li>123@123.com</li><li>456@456.com</li><li>789@789.com</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>
[解决办法]
原理是一样的
js直接请求xml文件即可然后dom读取结点,然后js改变text的内容。

当然也可以js请求xmlhttp

读书人网 >JavaScript

热点推荐