JS二级联动、模仿邮箱点击联系人增加联系人到输入框

最新推荐文章于 2021-08-19 13:10:28 发布

gdjlc

最新推荐文章于 2021-08-19 13:10:28 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript 文章标签： function div float input html

本文链接：https://blog.csdn.net/gdjlc/article/details/5415067

版权

JavaScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
   var subcat = new Array();
   subcat[0] = new Array('001','abc','000001')
   subcat[1] = new Array('001','abd','000002')
   subcat[2] = new Array('010','wwwwww','000003')
   subcat[3] = new Array('010','fujifilm','000004')
   subcat[4] = new Array('011','zhanjiang','000005')
   subcat[5] = new Array('011','yinglun','000006')
   subcat[6] = new Array('011','jinshu','000007')
   subcat[7] = new Array('100','a8435','000008')

   function friendGroupsChanged(id)
{
    document.form1.friends.length = 0;
    if(id != "") {
       document.form1.friends.length = 0;
       for (i=0; i<subcat.length; i++)
        {
           if (subcat[i][0] == id)
           {document.form1.friends.options[document.form1.friends.length] = new Option(subcat[i][1], subcat[i][2]);}
        }
    }
     else {
       for (i=0; i<subcat.length; i++)
          document.form1.friends.options[document.form1.friends.length] = new Option(subcat[i][1], subcat[i][2]);
    }
}
function friendsChanged(name)
{
    var txtname = $("txtName").value;
    var flag = 1;
    if(txtname.length>0) {
       var arrname = txtname.split(';');
       for(var i=0;i<arrname.length;i++) {
          //重复的不加上去
          if(arrname[i] == name) {
             flag = 0;
             break;
          }
        }
     }
     if(flag==1) $("txtName").value += name + ";";
}
function $(obj){return document.getElementById(obj);}
window.onload = function(){ friendGroupsChanged('');}
</script>

</head>
<body>
    <form name="form1">
    <div style="float: left">
        收信人：<input type="text" name="txtName" id="txtName" style="width: 300px" />
    </div>
    <div style="float: left">
        <div>
            联系人群组：
            <select id="friendGroups" name="friendGroups" οnchange="friendGroupsChanged(this.value)">
                <option value="">所有好友</option>
                <option value="001">朋友</option>
                <option value="010">同学</option>
                <option value="011">同事</option>
                <option value="100">其它</option>
            </select>
        </div>
        <div>
            <select id="friends" name="friends" οnchange="friendsChanged(this.options[this.selectedIndex].text)" style="width: 200px; height: 180px;" multiple="multiple">
            </select>
        </div>
    </div>
    </form>
</body>
</html>

gdjlc

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS二级联动、模仿邮箱点击联系人增加联系人到输入框

var subcat = new Array(); subcat[0] = new Array(001,abc,000001) subcat[1] = new Array(001,abd,000002) subcat[2] = new Array(010,wwwwww,000003) subcat[3] =
复制链接

扫一扫

专栏目录