Javascript 生成无限下拉列表实现代码

 更新时间:2009年03月26日 21:16:34   作者:  
js生成无线下拉列表的实现代码。

复制代码 代码如下:

//公司二维数组数据源
Office = [
["Dept", "ParentDept"],
["业务部", "0"],
["技术部", "0"],
["市场部", "0"],
["www.yongfa365.com", "业务部"],
["业务部小杨", "业务部"],
["业务部小菜", "业务部"],
["技术部老柳", "技术部"],
["技术部老杨", "技术部"],
["技术部老菜", "技术部"],
["市场部柳先生", "市场部"],
["市场部杨先生", "市场部"],
["市场部菜鸟", "市场部"]
]

//省市三维数组数据源
City3 = [
["Dept", "ParentId", "Id"],
["北京", "0", "010"],
["山西", "0", "0359"],
["朝阳区", "010", "001"],
["海淀区", "010", "002"],
["豆各庄", "001", "101"],
["十里堡", "001", "102"],
["中关村", "002", "201"],
["上地", "002", "202"],
["运城地区", "0359", "301"],
["太原市", "0359", "302"],
["永济市", "301", "311"],
["小区", "302", "312"]
];

//FillSelectTree("nowhaha", City3, "0", "311", -1)
//Select控件ID,数据源,父级值,选中值,第几级(用来产生分隔符)
function FillSelectTree(SelectId, ArrObj, ParentValue, SelectedValue, NowI) {
StrObj = eval(document.getElementById(SelectId));

NowI++;

//判断它是二级数据源,还是三级
if (ArrObj[0].length == 2)
{ ArrNum = 0; }
else
{ ArrNum = 2; }

//生成所有Option
for (var i = 0; i < ArrObj.length; i++) {
if (ArrObj[i][1] == ParentValue) {
StrObj.options[StrObj.length] = new Option(String("  ", NowI) + ArrObj[i][0], ArrObj[i][ArrNum]);

//选中默认值
if (ArrObj[i][ArrNum] == SelectedValue) {
StrObj.options[StrObj.length - 1].selected = true;
}

//遍历
FillSelectTree(SelectId, ArrObj, ArrObj[i][ArrNum], SelectedValue, NowI);
}
}
}


//复制字符串多少次
function String(str, nowi) {
strtemp = "";
for (var i = 0; i < nowi; i++) {
strtemp += str;
}
return strtemp;
}


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • JavaScript中的this妙用实例分析

    JavaScript中的this妙用实例分析

    这篇文章主要介绍了JavaScript中的this妙用,结合实例形式分析了JavaScript中的this基本功能、用法及操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 使用微信小程序开发前端【快速入门】

    使用微信小程序开发前端【快速入门】

    本文从代码角度和宏观角度简单阐述了微信小程序在前端领域的一些内容和影响,希望能够帮助那些不了解微信小程序的开发者很快入门并认识这一新的技术领域。
    2016-12-12
  • JavaScript中的工厂函数(推荐)

    JavaScript中的工厂函数(推荐)

    所谓工厂函数,就是指这些内建函数都是类对象,当你调用他们时,实际上是创建了一个类实例。这篇文章主要介绍了JavaScript工厂函数,需要的朋友可以参考下
    2017-03-03
  • jquery、js操作checkbox全选反选

    jquery、js操作checkbox全选反选

    全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下
    2014-03-03
  • js接收并转化Java中的数组对象的方法

    js接收并转化Java中的数组对象的方法

    下面小编就为大家带来一篇js接收并转化Java中的数组对象的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JS回调函数基本定义与用法实例分析

    JS回调函数基本定义与用法实例分析

    这篇文章主要介绍了JS回调函数基本定义与用法,结合实例形式较为详细的分析了javascript回调函数基本概念、功能、使用方法与相关注意事项,需要的朋友可以参考下
    2017-05-05
  • 详解webpack与SPA实践之开发环境搭建

    详解webpack与SPA实践之开发环境搭建

    这篇文章主要介绍了详解webpack与SPA实践之开发环境搭建,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • 小程序云开发实战小结

    小程序云开发实战小结

    这篇文章主要介绍了小程序云开发实战小结,本文详细的介绍了云开发以及环境的搭建和项目实践,非常具有实用价值,需要的朋友可以参考下
    2018-10-10
  • JavaScript输入分钟、秒倒计时技巧总结(附代码)

    JavaScript输入分钟、秒倒计时技巧总结(附代码)

    这篇文章主要介绍了JavaScript输入分钟、秒倒计时的代码实现,通过css和js代码展示了逻辑过程,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • H5微信公众号授权的简单实现步骤

    H5微信公众号授权的简单实现步骤

    如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑,这篇文章主要给大家介绍了关于微信公众号授权的相关资料,需要的朋友可以参考下
    2021-07-07

最新评论