求高手指点

需要实现的功能：在一个界面上有一个文本框，后面跟一个“添加”按钮，一点击，会弹出一个用户列表的界面，在这个界面选择需要的用户（可以选择多个），选完之后，点击提交，则在用户列表中选中的用户姓名会显示在第一个界面上的文本框中。
（具体效果就跟发邮件时添加联系人一样）
请高手指教

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    function openDiv(){
    var div = document.getElementById("users");
    div.style.display="block";
    }
    function doIt(){
    var users = document.getElementsByName("user");
    var count=0;
    var str = "";
    for(var i=0;i<users.length;i++){
    if(users[i].checked){
    str = str+users[i].value+",";
    count++;
    }
    }
    if(count==0){
    alert("请选择用户");
    return;
    }else{
    var div = document.getElementById("users");
    div.style.display="none";
    document.getElementById("ttt").value=str.substring(0,str.length-1);
    }
    }
    </script>
    </head>
    <body>
    <input type="text" id="ttt" value=""/>
    <input type="button" id="btn" value="添加" onclick="openDiv();"/>
    <div id="users" style="display:none;">
    <input type="checkbox" name="user" value="user1"/>User1<br>
    <input type="checkbox" name="user" value="user2"/>User2<br>
    <input type="checkbox" name="user" value="user3"/>User3
    <input type="button" id="btn1" value="确定" onclick="doIt();"/>
    </div>
    </body>
    </html>
    大概意思，具体的样式啥的自己去解决