`
caozuiba
  • 浏览: 902163 次
文章分类
社区版块
存档分类
最新评论

js生成级联下拉列表

 
阅读更多

author:flynetcn

-------------------------------------------------------------

|

<!--#includefile="../conn.asp"-->
<html>
<head>
<%
'☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
'★ ★
'☆tab_addr_sort为无限级分类地址表,表中有三个字段,分别为☆
'★ ★
'☆addr_sort_id(地址id)、addr_sort(地址名称)、 ☆
'★ ★
'☆bigsort_id(所属id)☆
'★ ★
'☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆


'把表中数据写入数组
sql = "select *from tab_addr_sort order by addr_sort_id desc"
setrs=server.createobject("ADODB.Recordset")
rs.open sql,conn,1,1
%>
<scripttype="text/javascript">
varonecount1;
onecount1=0;
subcat1 = newArray();
<%
count = 0
dowhilenotrs.eof
%>
subcat1[<%=count%>]= newArray("<%=trim(rs("addr_sort"))%>","<%=trim(rs("bigsort_id"))%>","<%=trim(rs("addr_sort_id"))%>");
<%
count = count + 1
rs.movenext
loop
rs.close
%>
onecount1=<%=count%>;

//选择第一级列表时触发此函数
functionchangelocation1(addrone)
{
document.myform.addrtwo_id.length = 0;
vari;
document.myform.addrtwo_id.options[0]= newOption('请选择市','');
for(i=0;i < onecount1; i++)
{
if(subcat1[i][1]== addrone)
{
document.myform.addrtwo_id.options[document.myform.addrtwo_id.length]= newOption(subcat1[i][0], subcat1[i][2]);
}
}
}
</script>
</head>
<body>
<table>
<tr>
<tdalign="right">&nbsp;选择地区:</td>
<td>&nbsp;
<selectname="addrone_id"

onChange="changelocation1( document.myform.addrone_id.options[document.myform.addrone_id.selectedIndex].value)">
<optionvalue=""selected>请选择省</option>
<!--生成一级列表-->
<%
sql="select *from tab_addr_sort where bigsort_id=0 order by addr_sort_id desc"
rs.open sql,conn,1,1
whilenotrs.eof
%>
<optionvalue="<%=rs("addr_sort_id")%>"><%=rs("addr_sort")%></option>
<%
rs.movenext
wend
rs.Close()
setrs=nothing
setconn=nothing
%>
</select>
<selectname="addrtwo_id">
<optionselectedvalue="">请选择市</option>
</select>
</td>
</tr>
</table>
</body>
</html>

分享到:
评论
2 楼 maling765775866 2012-08-15  
yy
1 楼 maling765775866 2012-08-15  
yy[color=orange][/color]

相关推荐

    省市,年月日级联(JS)

    省市 省市级联 年月 年月级联,能自动生成下拉列表

    jQuery实现动态生成年月日级联下拉列表示例

    本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考,具体如下: html代码: &lt;form name="form1" id="dateForm"&gt; &lt;select name="year"&gt;&lt;/select&gt;年 &lt;select name=...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    bootstrap-table插件:bootstrap-editable,可编辑下拉框,以及代码实例,

    Jquery 实例:Ajax级联下拉框效果

    这是一个利用了Ajax技术的一个Jquery实例,动态的生成级联的下拉列表框,在中关村zol中经常可以看到。如果遇到无法显示的情况,请自己阅读代码。

    原生JS无限级树形菜单(兼容各浏览器)

    可动态添加/删除节点,启用/不启用复选框,启用连线或不连线,支持自定义ICON图标,可获取当前选中节点参数及父级目录树,可用作级联下拉树菜单等。 可获取HTML中li列表自动生成树菜单(可用作网站多级分类目录) ...

    原生JS树菜菜单(无限级、兼容各浏览器)

    可动态添加/删除节点,启用/不启用复选框,启用连线或不连线,支持自定义ICON图标,可获取当前选中节点参数及父级目录树,可用作级联下拉树菜单等。 可获取HTML中li列表自动生成树菜单(可用作网站多级分类目录) ...

    北京中科信软AJAX培训

    实战技巧:级联下拉列表 使用responseXML处理返回的XML信息 实战技巧:获取元对象数据 实战技巧:处理列表数据 实战技巧:处理级联的数据 实战技巧:保存更新数据 在普通文本和XML文档之间权衡 何时返回普通文本 ...

    JavaScript网页特效范例宝典源码

    实例063 在下拉列表中进行多选移除 106 实例064 将数组中的数据添加到下拉菜单中 107 实例065 应用下拉菜单选择所要联机的网站 108 实例066 多级级联菜单 110 实例067 可以输入文字的下拉菜单 111 实例068 根据下拉...

    ASP升级.net资料大全(c#入门 语言规范 源码教程 学习笔记 技术资料 面试题 asp与.net代码生成器)

    如何为DataGrid添加下拉列表框.txt 如何用C#在Excel中生成图表?.txt 如何用程序实现键盘和鼠标的模拟?.txt 如何与资源管理器互动剪切、拷贝、粘贴文件.txt 深入理解C#编程中的组件-事件-委托.txt 生成透明的...

    ASP200问.EXE

    134.如何实现级联下拉列表 135.如何根据用户的分辨率调整窗口 136.如何弹出自定义窗口(示例一) 136.如何弹出自定义窗口(示例二) 136.如何弹出自定义窗口(示例三) 137.如何定时自动关闭弹出的窗口 138.如何解决...

    基于多平台快速开发的UI框架uView UI1.0二次开发的diy-uView-ui,是uni-app生态优秀的UI框架

    导航栏,按钮,标签,表单,单选,复选,下拉选择,多层选择,级联选择,开关,时间轴,模态框,步骤条,头像,进度条,单选复选组件,h5扫码组件,条码组件,二维码组件,抽奖组件,签名组件,气泡弹窗,矩阵评分,矩阵单选,矩阵多选,矩阵...

    PHP程序开发范例宝典III

    实例038 修改数据时下拉列表的默认值为数据库中原数据信息 54 实例039 可输入字符的下拉菜单 56 实例040 应用下拉列表选择所要联机的网站 57 实例041 根据下拉列表的值显示不同控件 58 2.4 文本框组件的...

    asp.net知识库

    完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁?[C#] 表达式计算引擎 正式发布表达式计算引擎WfcExp V0.9(附源码) 运算...

    EXT教程EXT用大量的实例演示Ext实例

    9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧!邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.2. localXHR让你在不用服务器就玩ajax ...

    Ext 开发指南 学习资料

    9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧!邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.1.4. DWRProxy和ComboBox 10.2. localXHR让你...

    EXT2.0中文教程

    9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧!邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.2. localXHR让你在不用服务器就玩ajax 10.3....

    Java学习笔记-个人整理的

    {4.4}散列表与HashMap}{83}{section.4.4} {4.4.1}java.util.HashMap}{83}{subsection.4.4.1} {4.5}\ttfamily java.util.HashSet}{84}{section.4.5} {4.6}泛型}{84}{section.4.6} {4.7}集合的迭代(Iterator)}{...

Global site tag (gtag.js) - Google Analytics