社区
基础编程
帖子详情
急需两个下拉菜单联动的源代码,高分相赠!急
chummy
2004-11-27 03:13:52
那位仁兄能给我一个两个下拉菜单联动的源代码.高分相赠!急
选择第一个菜单(大的类别)时,下面的第二个菜单(小的类别)内容变化
就好像CSDN论坛的选择搜索范围一样.
我就是要做这样的搜索界面.很赶时间,因为不熟悉javascript,所以拜托各位.谢谢了.
...全文
137
3
打赏
收藏
急需两个下拉菜单联动的源代码,高分相赠!急
那位仁兄能给我一个两个下拉菜单联动的源代码.高分相赠!急 选择第一个菜单(大的类别)时,下面的第二个菜单(小的类别)内容变化 就好像CSDN论坛的选择搜索范围一样. 我就是要做这样的搜索界面.很赶时间,因为不熟悉javascript,所以拜托各位.谢谢了.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
【开源项目分享】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的教育大数据可视化系统 毕设完整的代码+数据集
Flutter Candies 一桶天下,老师讲的真棒
| | | — | | | | | | | | | | | | | | 学习Flutter的一个途径就是模仿现有的App,在Flutter上面进行实现。这是一个从0搭建的网易云音乐。大家可以跟随着作者的思路一步步完成一个完整的Flutter项目。界面很舒服,功能持续更新中,大家快来收藏吧 掘金文章地址 仿微信长按弹出菜单 目前最好用的仿微信聊天长按弹出框,喜欢微信风格的小伙伴记得收藏起来掘金文章地址 caijinglong 低调,老乡,不能吃辣的四川人(偷笑.gif), 反正就很牛逼就是了
基础编程
21,887
社区成员
140,363
社区内容
发帖
与我相关
我的任务
基础编程
从PHP安装配置,PHP入门,PHP基础到PHP应用
复制链接
扫一扫
分享
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章