挑战性的问题：三级SELECT选择

redhatcn 2003-01-03 12:23:00
二级效果如下：http://9839.com/test/js.htm

现在要实现三级选择，比如选择了“湖南”-》“湘潭”，还可以继续让用户选择“湘潭”市下面的各个“乡镇”之类的小地方！

请高手们试试，给100分！
...全文
34 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
liuzxit 2003-01-03
  • 打赏
  • 举报
 回复
<body>
<div align="center">
<form name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>◤建站?源网◢</option>
<option>★CGI程序??</option>
<option>★FLASH欣?</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected></option>')
<option value=" " selected>◤------第二?菜?------◢</option>
<option value=" " selected>◤------第二?菜?------◢</option>
</select>
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected></option>')
<option value=" " selected>◤------第三?菜?------◢</option>
<option value=" " selected>◤------第三?菜?------◢</option>
</select></table>
</form></div>
<script language="JavaScript">
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("----第二?菜?----"," ");

group[1][0]=new Option("」第一?"," ");
group[1][1]=new Option("」第二?","47");
group[1][2]=new Option("」第三?","46");
group[1][3]=new Option("」第四?","45");

group[2][0]=new Option("」第一?"," ");
group[2][1]=new Option("」第二?","115");
group[2][2]=new Option("」第三?","116");

var temp=document.isc.stage2


function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}



var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}

secondGroup[0][0][0]=new Option("----第三?菜?----"," ");
secondGroup[1][0][0]=new Option("----第三?菜?----"," ");
secondGroup[1][1][0]=new Option("」 第一?"," ");
secondGroup[1][1][1]=new Option("」 第一?","../cgi/pagenew8.htm");
secondGroup[1][1][2]=new Option("」 第一?","../cgi/pagenew8.htm");
secondGroup[1][1][3]=new Option("」 第一?","../explain/route.htm");

secondGroup[1][2][0]=new Option("」第三?"," ");
secondGroup[1][2][1]=new Option("第二?","../cgi/pagenew7.htm");
secondGroup[1][2][2]=new Option("第二?","../cgi/pagenew7.htm");
secondGroup[1][2][3]=new Option("第二?","../explain/route.htm");

secondGroup[1][3][0]=new Option("」第四?"," ");
secondGroup[1][3][1]=new Option("第三?","../cgi/pagenew15.htm");
secondGroup[1][3][2]=new Option("第三?","../explain/route.htm");

secondGroup[2][0][0]=new Option("----第三?菜?----"," ");
secondGroup[2][1][0]=new Option("」第三?"," ");
secondGroup[2][1][1]=new Option("」第三?(1)","../pictures/cartoon/1.htm");
secondGroup[2][1][2]=new Option("」第三?(2)","../pictures/cartoon/2.htm");
secondGroup[2][1][3]=new Option("」第三?(3)","../pictures/cartoon/3.htm");

secondGroup[2][2][0]=new Option("」第四?"," ");
secondGroup[2][2][1]=new Option("第三?l(1)","../pictures/email/1.htm");
secondGroup[2][2][2]=new Option("第三?(2)","../pictures/email/1.htm");

var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}

function redirect2(){
window.open(temp1.value,"","toolbar=no,location=yes,directories=no,status=no,menubar=no,scrollbars=yes, resizable=yes,copyhistory=yes,width=700,height=450");
}
//-->
</script>
</body>
yonghengdizhen 2003-01-03
  • 打赏
  • 举报
 回复
其实能做二级联动了,作为三级联动应该不难..
无非就是在第二级的基础上再加一个事件..
(使用xml数据岛可以简化这种数据的组织结构,并充分利用xml模式选择功能)
如果使用js定义三维数组的话,需要自己实现数组查找算法.
ufolala 2003-01-03
  • 打赏
  • 举报
 回复
真的很有挑战性~~~
blues-star 2003-01-03
  • 打赏
  • 举报
 回复
解决了我怎么还能看到？

faint。
sportdog 2003-01-03
  • 打赏
  • 举报
 回复
这写地点是从数据库里取吗?
zxhong 2003-01-03
  • 打赏
  • 举报
 回复
http://expert.csdn.net/Expert/topic/1083/1083608.xml?temp=.1677667
方工 2003-01-03
  • 打赏
  • 举报
 回复
试试搜索一下，此类问题非常多。
ssm1226 2003-01-03
  • 打赏
  • 举报
 回复
http://www20.brinkster.com/hrj01/select/select.htm
http://www20.brinkster.com/hrj01/select/select1.htm
windows网络编程之tcp/ip
适用人群windows网络编程的初学者课程概述课程简介：这部教程是windows网络编程课程的第一部分课程：tcp/ip协议后续会有第二部分课程：udp/ip协议以及第三部分课程http协议的课程发布。希望能够帮助到大家。课程内容：c/s模型的编码，5种windows网络模型：select，异步选择，事件选择，重叠io，完成端口，以及基础理论知识的讲解。课程分八章，总课时100课时左右，每日更新2~5节.课程代码会带大家一行一行书写，保证大家都能够学会。课程适合人群：网络编程爱好者，网络编程初学者课程章节：第一章 c/s模型的讲解以及代码实现第二章 select模型的讲解以及代码实现第三章 异步选择模型的讲解以及代码实现第四章 事件选择模型的讲解以及代码实现第五章 重叠i/o模型的讲解以及代码实现第六章 完成端口模型的讲解以及代码实现第七章 tcp/ip基础知识的讲解，包括网络分层，三次握手，四次挥手，协议头等等。
图文详解 DBMS 数据库管理系统三层架构体系（三级模式）《ClickHouse 实战：企业级大数据分析引擎》...
引文计算机科学领域的所有问题，都可以通过添加一层中间层来解决。通过在用户和计算机中间添加一层逻辑层（概念模型层），于是就有了“数据库的三级模式”：数据库在三个级别 (层次)上进行抽象，使用...
DBMS 数据库管理系统的三级模式架构《ClickHouse 实战：企业级大数据分析引擎》...
引文计算机科学领域的所有问题，都可以通过添加一层中间层来解决。通过在用户和计算机中间添加一层逻辑层(概念模型层)，于是就有了“数据库的三级模式”：数据库在三个级别 (层次)上进行抽象，使用户能够逻辑地、抽象地处理数据，而不必关心数据在计算机中的物理表示和存储。 光剑，2021. 数据库简介当今世界是一个充满着数据的互联网世界，充斥着大量的数据。即这个互联网世界就是数据世界。数据的来源有很多，...
C语言网络编程：多路IO select实现多客户端
文章目录阻塞式的服务器程序多线程服务器程序非阻塞式服务器程序基于事件响应的服务器程序事件响应服务器程序的实现`select` 阻塞式的服务器程序 我们接触过最多的最基础的网络通信模型为TCP/UDP通信模型，以下为TCP通信模型的基本流程C语言网络编程：TCP客户端实现 但是以上过程中每个通信函数都是阻塞的，而且建立连接之后的数据接收发送同样是阻塞形式的。send无法发送时只能继续阻塞，recv...
阿里二面：千万级、亿级数据，如何性能优化？ 教科书级 答案来了
尼恩梳理教科书式答案：千万级数据，亿级数据，如何做性能优化？
JavaScript

87,904

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章