急需两个下拉菜单联动的源代码,高分相赠!急

chummy 2004-11-27 03:13:52

那位仁兄能给我一个两个下拉菜单联动的源代码.高分相赠!急

选择第一个菜单(大的类别)时,下面的第二个菜单(小的类别)内容变化
就好像CSDN论坛的选择搜索范围一样.
我就是要做这样的搜索界面.很赶时间,因为不熟悉javascript,所以拜托各位.谢谢了.

...全文

143 3 打赏收藏转发到动态举报

写回复

用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">

</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中文排行榜，帮助你发现高分优秀中文项目；各位开发者伙伴可以更高效地吸收国人的优秀经验、成果；中文项目只能满足阶段性的需求，想要有进一步提升，还请多花时间学习高分神级英文项目；榜单设立范围设立1个总榜（所有语言项目汇总排名）、18个分榜（单个语言项目排名）；榜单入选规则一个小小的要求：项目的 Description 和 README.md 都要包含中文说明；更新越持续越好：最近半年内有更新过的项目才有机会入选（拥抱活跃，远离僵尸）； Star

大数据可视化是关于数据视觉表现形式的科学技术研究[9]，将数据转换为图形或图像在屏幕上显示出来，并进行各种交互处理的理论、方法和技术。将数据直观地展现出来，以帮助人们理解数据，同时找出包含在海量数据中的规律或者信息，更多的为态势监控和综合决策服务。数据可视化是大数据生态链的最后一公里，也是用户最直接感知数据的环节。数据可视化系统并不是为了展示用户的已知的数据之间的规律，而是为了帮助用户通过认知数据，有新的发现，发现这些数据所反映的实质。大数据可视化的实施是一系列数据的转换过程。