<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>在下拉列表中显示的多级树形菜单</title>

<meta http-equiv="content-type" content="text/html;charset=gb2312">

<script type="text/javascript">

var data =new Array();

data[]= {id:'',pid:'',text:'河北'};

data[]= {id:'',pid:'-1',text:'中国'};

data[]= {id:'',pid:'',text:'莫斯科'};

data[]= {id:'',pid:'',text:'河南'};

data[]= {id:'',pid:'',text:'北京'};

data[]= {id:'',pid:'',text:'湖南'};

data[]= {id:'',pid:'-1',text:'俄罗斯'};

function TreeSelector(item,data,rootId){

this._data = data;

this._item = item;

this._rootId = rootId;

}

TreeSelector.prototype.createTree = function(){

var len =this._data.length;

for( var i= ;i<len;i++){

if ( this._data[i].pid == this._rootId){

this._item.options.add(new Option(".."+this._data[i].text,this._data[i].id));

for(var j=;j<len;j++){

this.createSubOption(len,this._data[i],this._data[j]);

}

}

}

}

TreeSelector.prototype.createSubOption = function(len,current,next){

var blank = "..";

if ( next.pid == current.id){

intLevel =;

var intlvl =this.getLevel(this._data,this._rootId,current);

for(a=;a<intlvl;a++)

blank += "..";

blank += "├-";

this._item.options.add(new Option(blank + next.text,next.id));

for(var j=;j<len;j++){

this.createSubOption(len,next,this._data[j]);

}

}

}

TreeSelector.prototype.getLevel = function(datasources,topId,currentitem){

var pid =currentitem.pid;

if( pid !=topId)

{

for(var i = ;i<datasources.length;i++)

{

if( datasources[i].id == pid)

{

intLevel ++;

this.getLevel(datasources,topId,datasources[i]);

}

}

}

return intLevel;

}

</script>

</head>

<body>

<select id="myselect"></select>

<script language=javascript type="text/javascript">

var ts = new TreeSelector(document.getElementById("myselect"),data,-);

ts.createTree();

</script>

</body>

</html>

Select显示多级分类列表的更多相关文章

  1. 在DropDownList里显示多级分类

    protected void ddlBind() { DataTable dt = new DataTable(); ddlCategoryId.DataSource = getList(" ...

  2. Hexo主题实现多级分类显示

    前言 最近在搞一个博客,是托管在github和gitcafe上的,利用Hexo生成的.之后,发现一个问题,显示的分类都是一级的.而我想要的是:能显示多级分类,层次分明`的那样. 问题 基本主题自带的分 ...

  3. WordPress分类列表函数:wp_list_categories用法及参数详解举例

    http://www.511yj.com/wordpress-wp-categories.html 注意: 1. wp_list_categories() 和 list_cats() 以及 wp_li ...

  4. magento简化url多级分类去掉父目录

    在Magento模板开发中,有时候需要将多级分类的url简化,Magento的URL默认是显示多级分类的http://afish.cnblogs.com/分类1/分类2/分类3现在需要简化为:分类2的 ...

  5. 在Vue中使用iview的Select控件实现一个多级选项列表

    前言 今天项目要实现一个多级选项列表,发现iview官网上没有写这个例子,于是自己就实现了,如果对你有帮助请点个赞 ‘ * ’!! 解决方法:下面我们就来使用V-for 来定义一个二级选项列表 ,代码 ...

  6. SQLite中使用CTE巧解多级分类的级联查询

    在最近的项目中使用ActiveReports报表设计器设计一个报表模板时,遇到一个多级分类的难题:需要将某个部门所有销售及下属部门的销售金额汇总,因为下属级别的层次不确定,所以靠拼接子查询的方式显然是 ...

  7. ECSHOP任意页面显示指定分类、数量、排序的任意类型文章，包括只显示置顶or普通的文章

    1.在需要使用此功能的PHP页面里最后的?>前面添加以下代码,现在以article.php为例子 /** jinmozhe 专业ECSHOP二次开发 * 获得指定分类ID.文章类型.指定数量.排 ...

  8. EXCEL中多级分类汇总空白字段填充

    使用场景,多级分类汇总后,在汇总的字段中显示空白,这样对我们直接取值做表带来十分不更(假像有5000条记录,1000条汇总项) 相关技术,INDIRECT函数,单元格定位功能. 在数据区域外任意一个单 ...

  9. 常用分类列表wp_list_categories()

    使用: <ul> <?php $args= array( 'depth'=>1, 'orderby'=>id, 'style'=>none ); wp_list_c ...

随机推荐

  1. Java数据库表自动转化为PO对象

    本程序简单实现了数据库内省,生成PO对象. 数据库内省有如下两种实现方式: 通过mysql元表 通过desc table,show tables等命令 import java.io.IOExcepti ...

  2. 分布式缓存技术memcached学习系列（三）——memcached内存管理机制

    几个重要概念 Slab memcached通过slab机制进行内存的分配和回收,slab是一个内存块,它是memcached一次申请内存的最小单位,.在启动memcached的时候一般会使用参数-m指 ...

  3. Android SDK目录结构介绍

    Android SDK目录下有很多文件夹,主要都是干什么的呢? 1. add-ons 这里面保存着附加库,比如Google Maps,当然你如果安装了Ophone SDK,这里也会有一些类库在里面. ...

  4. PMP_PMP考试须知

    考试报名 按照报名须知和填表指南中的要求提交报名材料同时交纳考试费用.北京地区的考生直接到国家外国专家局培训中心报名:外地考生到所在地报名点报名:未设有报名点的地区,可直接与国家外国专家局培训中心联系 ...

  5. JAVA命令行编译及运行

    第一部分:单文件 一.背景目标文件HelloWorld.java package ccdate; public class HelloWorld { public static void main(S ...

  6. Oracle学习笔记之二，Oracle 11g体系结构

    Oracle 11g体系结构概述 实例(Instance),是指一组Oracle后台进程以及在服务器中分配的共享内存区域: 数据库(Database),是由基于磁盘的数据文件.控制文件.日志文件.参数 ...

  7. 创建Hive/hbase相关联的表异常

    hive> CREATE TABLE hperson(id string, name string,email string) STORED BY 'org.apache.hadoop.hive ...

  8. [svc]免费证书认证

    1.申请免费域名(12个月) freenom.com 2.申请免费证书(3个月) git clone https://github.com/letsencrypt/letsencrypt cd let ...

  9. [na]思科产品选型pdf

    以前做工程时候想起了设备选型时候用过的一份文档. 有个小伙伴今天问起思科设备选型,恰好google到了这份文档 https://www.cisco.com/web/CN/products/pdf/04 ...

  10. 【Android】21.4 图片动画缩放示例

    分类:C#.Android.VS2015: 创建日期:2016-03-21 一.简介 该例子演示如何动画缩放图片,实现类似"点击看大图"的效果. 二.示例 1.运行截图    2. ...