二级下拉列表的实现

原创 2005年05月26日 22:47:00

有[group]和[user]二个数据表,要求从这两个表中读出数据,并表现为二级下拉表,当选择[group]列表中的选项时,[user]列表中的选项相应改变。

[group]表对应的数据集为rsGroup,有如下字段:lngID_Group, strName_Group
[user]表对应的数据集为rsUser,有如下字段:lngID_User, lngGroupID, strName_User

思路:先建立group 和user 的下拉列表;分别读入 rsGroup 和 rsUser 的数据;再建立change_select() 函数,当group 的下拉列表被改变时,执行该函数对 user 下拉列表进行更新。

代码如下:
<!— group 的下拉列表-------------->
<select name="sltGroupID"
onChange="javascript:change_select(this.options[this.selectedIndex].value)">
<option value="0">用户组……</option>
<%
For i = 1 To rsGroup.RecordCount
 Response.Write "<option value='" & lngID_Group & "'>" & strName_Group & "</option>"
 rsGroup.MoveNext
Next
%>
</select>

<!— user 的下拉列表-------------->
<select name="sltUserID">
<option value="0">用户……</option>
</select>

<script language = "JavaScript">
//读入 rsUser的数据
arrSelect=new Array();
arrSelect[0] = new Array("用户……",0,0)
<%
For i = 1 To rsUser.RecordCount
%>
arrSelect[<%= i %>]=new Array("<%= strName_User %>","<%= lngGroupID %>","<%= lngID_User %>");
<%
 rsUser.MoveNext
Next
%>

//更新 user 下拉列表的函数
function change_select(selvalue) 
{
 document.all.sltUserID.length=0; 
 var i;
 for(i=0;i<arrSelect.length;i++)
 {
  if(arrSelect[i][1]==selvalue)
  {
   var newOption=new Option(arrSelect[i][0],arrSelect[i][2]);
   document.all.sltUserID.add(newOption);
  }
 }
}
</script>


运行结果如下:
<!— group 的下拉列表-------------->
<select name="sltGroupID"
onChange="change_select(this.options[this.selectedIndex].value)">
<option selected value="0">用户组……</option>
<option value='1'>直属机构</option>
<option value='2'>办事处</option>
<option value='3'>技术部</option>
</select>

<!— user 的下拉列表-------------->
<select name="sltUserID">
<option selected value="0">用户……</option>
</select>

<script language = "JavaScript">
//读入 rsUser的数据
arrSelect=new Array();
arrSelect[0]=new Array("用户……",0,0)
arrSelect[1]=new Array("总经办","1","1");
arrSelect[2]=new Array("网络中心","1","15");
arrSelect[3]=new Array("公共平台","1","4");
arrSelect[4]=new Array("售后部","1","20");
arrSelect[5]=new Array("广州","2","24");
arrSelect[6]=new Array("上海","2","23");
arrSelect[7]=new Array("售前支持","3","8");
arrSelect[8]=new Array("研发中心","3","9");

//更新 user 下拉列表的函数
function change_select(selvalue) 
{
//同上,略。
}
</script>

ExpandableListView+Dialog实现弹出二级下拉列表选项。可自由用于Activity和Fragment中

话说今天刚是本人 失业第二天。已经感觉有点无聊了。对于这次失业挺突然的。不过想通之后也没啥可惋惜的。毕竟身怀技术走到哪都不怕找不到饭碗。作为技术人员要做的首要就是不断提高自身技术水平,以适应这个瞬息万...

jquery实现下拉列表二级联动

function getPositionGrade(){ $("#flag").nextAll().remove();//如果二级有列表,清除下 //下拉列表二级联动内容 var p...

JS实现二级列表(包含下拉刷新、上拉加载更多、侧滑操作等)

本篇文章讲述的是使用js实现可收缩二级列表,包含以下特性: 1,点击打开/收缩二级列表; 2,列表下拉刷新数据; 3,列表上拉加载更多数据; 4,列表item项可侧滑操作(类似于QQ和微信); 5,数...

jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

二级联动的实现方法还真不少,实用性也很强,这里结合一个学生信息表的实例,来分享一下我的实现过程 实现原理:根据省份值的变动,通过jQuery把sf_id传给后台php文件处理,php通过查询...
  • zyu67
  • zyu67
  • 2015年08月09日 09:08
  • 2488

用JQuery让GT-Grid的下拉列表实现二级联动

原链接:http://www.iteye.com/topic/603857 主题:用JQuery让GT-Grid的下拉列表实现二级联动 最近项目里面非要实现下列列表的二级联动,由于GT-Grid的...

下拉列表二级联动

  • 2012年12月09日 11:35
  • 2KB
  • 下载

Select标签下拉列表二级联动级联实例代码

前序、中序、后序的非递归遍历中,要数后序最为麻烦,如果只在栈中保留指向结点的指针,那是不够的,必须有一些额外的信息存放在栈中。 方法有很多,这里只举一种,先定义栈结点的数据结构  代码如下: ...

二级,三级下拉列表菜单

  • 2011年04月14日 11:16
  • 17KB
  • 下载

JSDom加载解析XML文件——下拉列表二级联动篇

 以前在项目中实现二级联动是通过单纯的JS方法,在对JS的深度了解中发现通过JSDom加载写好的XML文件也可以实现二级联动,这也不失为一种好的方法,下面就跟大家分享一下。首先,我们来看下要呈现的效果...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:二级下拉列表的实现
举报原因:
原因补充:

(最多只允许输入30个字)