社区
基础编程
帖子详情
急需两个下拉菜单联动的源代码,高分相赠!急
chummy
2004-11-27 03:13:52
那位仁兄能给我一个两个下拉菜单联动的源代码.高分相赠!急
选择第一个菜单(大的类别)时,下面的第二个菜单(小的类别)内容变化
就好像CSDN论坛的选择搜索范围一样.
我就是要做这样的搜索界面.很赶时间,因为不熟悉javascript,所以拜托各位.谢谢了.
...全文
144
3
打赏
收藏
急需两个下拉菜单联动的源代码,高分相赠!急
那位仁兄能给我一个两个下拉菜单联动的源代码.高分相赠!急 选择第一个菜单(大的类别)时,下面的第二个菜单(小的类别)内容变化 就好像CSDN论坛的选择搜索范围一样. 我就是要做这样的搜索界面.很赶时间,因为不熟悉javascript,所以拜托各位.谢谢了.
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
科学制造家
2004-11-27
打赏
举报
回复
还有个,只是不怎么好:
<select name=year></select>
<select name=month></select>
<select name=date></select>
<select name=clock></select>
<input name=result>
<script>
var arrSel=["year","month","date","clock"];//arrSel定义了要修改的下拉框和xml数据的节点名称
</script>
<xml id=xmldata>
<xmldata>
<year value="2000">
<month value="4">
<date value="14">
<clock value="一点" />
<clock value="三点" />
</date>
<date value="17">
<clock value="一点" />
</date>
</month>
<month value="5">
<date value="15">
<clock value="一点" />
<clock value="四点" />
<clock value="七点" />
</date>
</month>
</year>
<year value="2001">
<month value="7">
<date value="16">
<clock value="一点" />
<clock value="五点" />
<clock value="九点" />
</date>
</month>
</year>
</xmldata>
</xml>
<script>
function qswhXml(num){
/******* by qiushuiwuhen(2002-5-17) ********/
var i,j,arrTemp=[];
for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
if(num==arrSel.length){//这里处理最后的数据。
document.all("result").value="选中了("+arrTemp+")";return;
}
with(document.all(arrSel[num])){
length=0
var obj=document.all.xmldata.XMLDocument.childNodes[0];
for(i=0;i<num;i++)obj=obj.selectSingleNode(arrSel[i]+'[@value="'+arrTemp[i]+'"]');
for(i=0;i<obj.childNodes.length;i++)options[length++].text=obj.childNodes[i].getAttribute("value");
onchange=new Function("qswhXml("+(num+1)+")");
onchange();
}
}
qswhXml(0);
</script>
科学制造家
2004-11-27
打赏
举报
回复
这个最好:
<BODY>
<SELECT NAME="s1"><option>需要JavaScript才能正确显示</SELECT>
<SELECT NAME="s2"></SELECT>
<SELECT NAME="s3"></SELECT>
<SELECT NAME="s4"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//选择框的名字
selector = [ "s1", "s2", "s3", "s4" ];
//选择项: "名字", "值", 子选择
menu = [
"地球","1",
[
"中国","86",
[
"北京","BJ",
[
"--","1",null
],
"四川","SC",
[
"成都","28",null,
"乐山","",null,
"攀枝花","",null,
"自贡","",null,
"德阳","",null,
"绵阳","",null
]
],
"米国","1",
[
"加利福尼亚","CA",
[
"旧金山","1",null,
"洛杉矶","2",null
],
"华盛顿","WA",
[
"西雅图","seattle",null
]
]
],
"火星","2",
[
"大峡谷","86",
[
"小山丘","BJ",
[
"A地区","28",null,
"B地区","",null,
"C地区","",null
]
]
]
];
function wizz(level)
{
if( level == 0 )
a = menu;
else
{
str = "menu";
for( i=0; i<level; i++ )
str += "[" + (document.all[selector[i]].selectedIndex * 3 + 2) + "]";
a = eval(str);
}
if( a == null ) return;
s = document.all[selector[level]];
i = s.length;
while( i > 0 ) s.options[--i] = null;
while( i < Math.floor(a.length/3) )
s.options[i] = Option( a[i*3], a[i++*3+1] );
s.onchange = Function("wizz(" + (level+1) + ")");
wizz(level+1);
}
wizz(0);
//-->
</SCRIPT>
</BODY>
</HTML>
sdpong
2004-11-27
打赏
举报
回复
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setcity() {
switch (document.shengshi.sheng.value) {
case '河北' :
var labels = new Array("石家庄","沧州","唐山");
var values = new Array("sjz","cz","ts");
break;
case '山东' :
var labels = new Array("济南","青岛","烟台");
var values = new Array("jn","qd","yt");
break
}
// 清空市列表选择框的内容
document.shengshi.city.options.length = 0;
// 从数组中添加内容
for(var i = 0; i <labels.length; i++) {
document.shengshi.city.add(document.createElement("OPTION"));
document.shengshi.city.options[i].text=labels[i];
document.shengshi.city.options[i].value=values[i];
}
// 选择第一个选项
document.shengshi.city.selectedIndex = 0;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="shengshi">
省:
<SELECT NAME="sheng" OnChange="setcity()">
<OPTION VALUE="河北">河北</OPTION>
<OPTION VALUE="山东" SELECTED>山东</OPTION>
</SELECT>
市:
<SELECT NAME="city"></SELECT>
</FORM>
<!-- 执行初始化选择列表 -->
<SCRIPT LANGUAGE="JavaScript">
setcity();
</SCRIPT>
</BODY>
</HTML>
GitHub中文排行榜,帮助你发现
高分
优秀中文项目(二)-Java
榜单设立目的 ???????? GitHub中文排行榜,帮助你发现
高分
优秀中文项目; 各位开发者伙伴可以更高效地吸收国人的优秀经验、成果; 中文项目只能满足阶段性的需求,想要有进一步提升,还请多花时间学习
高分
神级英文项目; 榜单设立范围 设立1个总榜(所有语言项目汇总排名)、18个分榜(单个语言项目排名); 榜单入选规则 一个小小的要求:项目的 Description 和 README.md 都要包含中文说明; 更新越持续越好:最近半年内有更新过的项目才有机会入选(拥抱活跃,远离僵尸); Star
毕设开源 基于hadoop大数据教育可视化系统(源码+论文)
大数据可视化是关于数据视觉表现形式的科学技术研究[9],将数据转换为图形或图像在屏幕上显示出来,并进行各种交互处理的理论、方法和技术。将数据直观地展现出来,以帮助人们理解数据,同时找出包含在海量数据中的规律或者信息,更多的为态势监控和综合决策服务。数据可视化是大数据生态链的最后一公里,也是用户最直接感知数据的环节。数据可视化系统并不是为了展示用户的已知的数据之间的规律,而是为了帮助用户通过认知数据,有新的发现,发现这些数据所反映的实质。大数据可视化的实施是一系列数据的转换过程。
【开源项目分享】GitHub中文排行榜 - 帮助你发现
高分
优秀中文项目-Java
榜单设立目的 ???????? GitHub中文排行榜,帮助你发现
高分
优秀中文项目; 各位开发者伙伴可以更高效地吸收国人的优秀经验、成果; 中文项目只能满足阶段性的需求,想要有进一步提升,还请多花时间学习
高分
神级英文项目; 榜单设立范围 设立1个总榜(所有语言项目汇总排名)、18个分榜(单个语言项目排名); 榜单入选规则 一个小小的要求:项目的 Description 和 README.md 都要包含中文说明; 更新越持续越好:最近半年内有更新过的项目才有机会入选(拥抱活跃,远离僵尸); Star
GitHub中文排行榜,帮助你发现
高分
优秀中文项目
GitHub中文排行榜,帮助你发现
高分
优秀中文项目 转载:https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts#Java Java # Repository Description Stars Language Updated 1 CyC2018/CS-Notes ???? 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++ 113.6k Java 10/29 2 Sna
基于hadoop和echarts的教育大数据可视化系统 毕设完整的代码+数据集
基于hadoop和echarts的教育大数据可视化系统 毕设完整的代码+数据集
基础编程
21,893
社区成员
140,347
社区内容
发帖
与我相关
我的任务
基础编程
从PHP安装配置,PHP入门,PHP基础到PHP应用
复制链接
扫一扫
分享
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章