Go语言视频零基础入门到精通

mone12 · 发表于 2011-11-4 10:48:21

求级联下拉列表的例子？

叁点水 · 发表于 2011-11-4 10:48:33

google搜索。

mom345 · 发表于 2011-11-4 10:48:45

以前在网上看到一个例子，修改后得，原来是省市县得，基本不符合现在情况。

jspfan · 发表于 2011-11-4 10:48:56

用Ajax来做级联是满帅的

jjuiwe · 发表于 2011-11-4 10:49:11

我写了个是asp+ajax的,还没有用jsp+ajax写呢.抱歉了.
function CallBackObject()
{
this.XmlHttp = this.GetHttpObject();
}

CallBackObject.prototype.GetHttpObject = function()
{
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp = false;
}
}
return xmlhttp;
}

CallBackObject.prototype.DoCallBack = function(URL)
{
if( this.XmlHttp )
{
if( this.XmlHttp.readyState == 4 || this.XmlHttp.readyState == 0 )
{
var oThis = this;
this.XmlHttp.open(&#39

OST', URL);
this.XmlHttp.onreadystatechange = function(){
oThis.ReadyStateChange(); };
this.XmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
this.XmlHttp.send(null);
}
}
}

CallBackObject.prototype.AbortCallBack = function()
{
if( this.XmlHttp )
this.XmlHttp.abort();
}

CallBackObject.prototype.OnLoading = function()
{
// Loading
}

CallBackObject.prototype.OnLoaded = function()
{
// Loaded
}

CallBackObject.prototype.OnInteractive = function()
{
// Interactive
}

CallBackObject.prototype.OnComplete = function
(responseText, responseXml)
{
// Complete
}

CallBackObject.prototype.OnAbort = function()
{
// Abort
}

CallBackObject.prototype.OnError = function(status, statusText)
{
// Error
}

CallBackObject.prototype.ReadyStateChange = function()
{
if( this.XmlHttp.readyState == 1 )
{
this.OnLoading();
}
else if( this.XmlHttp.readyState == 2 )
{
this.OnLoaded();
}
else if( this.XmlHttp.readyState == 3 )
{
this.OnInteractive();
}
else if( this.XmlHttp.readyState == 4 )
{
if( this.XmlHttp.status == 0 )
this.OnAbort();
else if( this.XmlHttp.status == 200 && this.XmlHttp.statusText == "OK" )
this.OnComplete(this.XmlHttp.responseText, this.XmlHttp.responseXML);
else
this.OnError(this.XmlHttp.status, this.XmlHttp.statusText, this.XmlHttp.responseText);

}
}
/=====================================/
上面的是ajax 中使用的CallBakcObject.js 文件
这个调用.
var cbo = new CallBackObject();
cbo.OnComplete = Cbo_Complete_forPre;
cbo.onError = Cbo_Error;
cbo.DoCallBack(url);
/===================/
asp+ajax实现无限制级级连菜单(一)
主页面.
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="js/CallBackObject.js"></script>
</head>
<script language=jscript> 
var idCount=0; 
var commonStr = "<option value='0'>请选择</option>"; 
var base_name="newclass_";//菜单的id名字的基本字符串。 
var nextId;//当前菜单的菜单的名字。 
var currentId; 
var currentIdNumber;//当前处理菜单的id数字部分。 
var doNext;//是当前的id还是往下处理。 
var h_cando_id="h_cando"; 
var h_lastid_id="h_lastid" 
//生成子菜单的名字 
function createNextId(fn) 
{ 
var c_id = fn.id; 
var len = base_name.length; 
var n_id = c_id.substr(len); 
n_id++; 
currentIdNumber = n_id; 
nextId = base_name+n_id; 
 
return base_name+n_id; 
} 
//Cur_Done当前处理数据。 
function Cur_Done(fn) 
{ 
var cu_idnum = fn.id.substr(base_name.length); 
if (cu_idnum==idCount) 
return true; 
return false; 
} 
//处理选择动作 
function createRequest(orderId,fn) 
{ 
orderId=0; 
createNextId(fn); 
currentId = fn.value; 
var flag = Cur_Done(fn); 
//判断当前文件夹是否是最后一个。 
if (!flag) 
{ 
orderId=1; 
} 
var id = escape(document.getElementById(fn.id).value); 
var cbo = new CallBackObject(); 
switch(orderId) 
{ 
case 0: 
if (id==0) 
return false; 
cbo.OnComplete = Cbo_Complete; 
cbo.onError = Cbo_Error; 
cbo.DoCallBack("testAjax.asp?id=" + id); 
break; 
case 1: 
id = escape(document.getElementById(fn.id).value); 
 
if (id==0) 
return false; 
cbo.OnComplete = Cbo_Complete_forPre; 
cbo.onError = Cbo_Error; 
cbo.DoCallBack("testAjax.asp?id=" + id); 
break; 
} 
} 
function Cbo_Complete(responseText, responseXML) 
{ 
idCount++; 
//alert("nextId is "+nextId); 
 
var next_b = document.getElementById("testli"); 
var nextclass = new Array(); 
nextclass = responseText.split(';'); 
var returnStr=""; 
var returnLine = new Array(); 
returnStr ="<select name='"nextId"' id='"nextId"' onChange='javascript:createRequest(0,this)'>"; 
returnStr+=commonStr; 
for (i=0;i<nextclass.length-1;i++) 
{ 
returnLine = nextclass.split(':'); 
returnStr +="<option value='"returnLine[0]"'>"; 
returnStr +=returnLine[1]; 
returnStr +="</option>"; 
} 
returnStr +="</select>"; 
next_b.innerHTML =" " returnStr; 
 
do_post_flag(nextclass.length,currentId); 
//alert(responseText);
} 
function Cbo_Complete_forPre(responseText, responseXML)
{
var cur_id_number = currentIdNumber;
var next_b = document.getElementById(nextId);
//处理当前菜单的子菜单级数
for (i=idCount;i>=cur_id_number;i--)
{
var do_name = base_name+i;
var do_id = document.getElementById(do_name);
//从最后一个处理子菜单的内容，清空后赋值
for (j=do_id.length-1;j>=0;j--)
{
do_id.options[j]=null;
do_id.length=0;
}
var do_id_option = document.createElement("option");
do_id_option.text = "请选择";
do_id_option.value = "0";
do_id.options.add(do_id_option);
}
for (i=next_b.length-1;i>=0;i--)
{
next_b.options = null;
next_b.length=0;
}
var nextclass = new Array();
nextclass = responseText.split(';');
var returnStr="";
var returnLine = new Array();
var op = document.createElement("option");
op.text = "请选择";
op.value ="0";
next_b.options.add(op);
for (i=0;i<nextclass.length-1;i++)
{
returnLine = nextclass.split(':');
var option = document.createElement("option");
option.text = returnLine[1];
option.value = returnLine[0];
next_b.options.add(option);
}

do_post_flag(nextclass.length,currentId);
} 
function do_post_flag(cur_len,cur_id)
{
var v_candoid = document.getElementById(h_cando_id);
var v_lastid = document.getElementById(h_lastid_id);

v_lastid.value = currentId;

if (cur_len==1)
v_candoid.value =false;
else
v_candoid.value=true;

} 
function Cbo_Error(status, statusText, responseText)
{
alert(responseText);
} 
</script>
<body>
<%
set conn = Server.CreateObject("adodb.connection")
connstring="provider=sqloledb;server=localhost;uid=sa;pwd=sa;Database=ajaxTest;"
conn.open connstring
set rs = Server.CreateObject("adodb.recordset")
rs.open "select id,infront,idclassflag,newclass from newclass_2001 where infront=0" ,conn,1,1
response.Write("<select name='newclass_0' id='newclass_0' onChange='javascript:createRequest(0,this)'>")
Response.Write("<option value='0'>请选择</option>")
do while not rs.eof
Response.Write("<option value='"&rs("idclassflag")&"'>"&rs("newclass")&"</option>")
rs.movenext
loop
response.Write("</select>")
%>
<label id="testli"></label>
下一级是否有可选项<input type="text" name="h_cando" id="h_cando">
最后选项的名字<input type="text" name="h_lastid" id="h_lastid">

</body>
</html>

/===================/

asp+ajax实现无限制级级连菜单(二)testAjax.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<%
set conn = Server.CreateObject("adodb.connection")
connstring="provider=sqloledb;server=localhost;uid=sa;pwd=sa;Database=ajaxTest;"
conn.open connstring
set rs = Server.CreateObject("adodb.recordset")
rs.open "select * from newclass_2001 where infront='"&request("id")&"'" ,conn,1,1
do while not rs.eof
Response.Write(rs("idclassflag")&":"&rs("newclass")&";")
rs.movenext
loop

%>

生成数据库脚本
if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[newclass_2001]') and OBJECTPROPERTY(id, N'IsUserTable') = 1)
drop table [dbo].[newclass_2001]
GO
CREATE TABLE [dbo].[newclass_2001] (
[id] [int] IDENTITY (1, 1) NOT NULL ,
[infront] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[idclassflag] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[newclass] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO
infront 字段为父文件夹的id;
idclassflag为自身的id;

jjuiwe · 发表于 2011-11-4 10:49:23

摆脱楼上的用一下[code]好不,想累死人啊

重庆生活网x · 发表于 2017-11-4 03:45:37

说的不错！

第五代QQ机器人、QQ群机器人、论坛QQ机器人、智能客服机器人、QQplus机器人、QQ群互联机器人..联系QQ800829129 QQ群28352615

uesik63 · 发表于 2018-1-22 23:09:52

不限流量不限网速，山区、农村、城镇高速免费上网不花钱！最新9500WG接收信号高达19公里，无论您身在地球任何一个角落，都能搜到信号实现免费上网，最新软件全自动智能管理，信号强，网速快，优先自动连接上网，免去您任何手动繁琐作，保证让您高速上网免费不花钱就是这么简单！
朋友们，您还在为家里装修要拉网线烦恼吗？还在忧愁每年交昂贵网费吗？还在苦恼出差无法上网吗？还在傻傻节省4G流量每月还要高达几十元流量费吗？还在敢怒不敢言的公司、学校、宿舍限制上网吗？还在苦逼每天站在阳台高举手机为了搜一个wifi吗？世界上最遥远的距离是明明有wifi，却用不了是多么痛苦的事！玩一会王者荣耀没了几个G的流量，看了一会视频，没了几个G的流量，壕！？还是无奈！？明明很节省，没用少则几十元多则上百元的流量费，如此高昂的费用是不是让您皱眉呢？没关系，用最新9500WG永久免费上网吧！只要238元让您永久免费上网不花钱，无需电脑，无需布线，只需插电，电脑、手机、平板免费上网就是这么任性，wifi信号覆盖高达19公里，无需站阳台，无需放窗外，想在哪里就在哪里！信号强，网速快，免费上网，能免则免，免费到底！
免费热线：188-2652-1502 客服QQ：1094201567 官网 www.ccyxf.com

9500WG

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

求级联下拉列表的例子？

Re:求级联下拉列表的例子

Re:求级联下拉列表的例子

Re:求级联下拉列表的例子

Re:求级联下拉列表的例子

Re:求级联下拉列表的例子