js下拉框二級關(guān)聯(lián)菜單效果代碼具體實現(xiàn)
更新時間：2013年08月03日 10:35:10 作者：
這篇文章介紹了js下拉框二級關(guān)聯(lián)菜單效果代碼具體實現(xiàn)，有需要的朋友可以參考一下
復制代碼 代碼如下:
<!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>雙選擇關(guān)聯(lián)菜單</title>
</head>
<body>
<form name="doublecombo">
<p>
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>特效代碼</option>
<option>網(wǎng)頁語言</option>
<option>軟件教程</option>
</select>
<select name="stage2" size="1">
<option value="/texiao/shubiao">鼠標類</option>
<option value="/texiao/chuangkou">窗口類</option>
<option value="/texiao/daohang">導航類</option>
</select>
<input type="button" name="test" value="Go!"
onClick="go()">
</p>
<script>
<!--
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (I=0; I<groups; I++)
group[I]=new Array()
group[0][0]=new Option("鼠標類","/texiao/shubiao")
group[0][1]=new Option("窗口類","/texiao/chuangkou")
group[0][2]=new Option("導航類","/texiao/daohang")
group[1][0]=new Option("ASP","/yuyan/asp")
group[1][1]=new Option("PHP","/yuyan/php")
group[1][2]=new Option("JSP","/yuyan/jsp")
group[2][0]=new Option("Dreamweaver","/ruanjian/Dreamweaver")
group[2][1]=new Option("Fireworks","/ruanjian/Fireworks")
group[2][2]=new Option("Flash","/ruanjian/Flash")
group[2][3]=new Option("Photoshop","/ruanjian/Photoshop")
var temp=document.doublecombo.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
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
</body>
</html></td>
</tr>
</table>
您可能感興趣的文章:
- js 三級關(guān)聯(lián)菜單效果實例
- 全國省市二級聯(lián)動下拉菜單 js版
- javascript省市區(qū)三級聯(lián)動下拉框菜單實例演示
- javascript實現(xiàn)省市區(qū)三級聯(lián)動下拉框菜單
- js實現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單完整實例
- 省市區(qū)三級聯(lián)動下拉框菜單javascript版
- JavaScript二維數(shù)組實現(xiàn)的省市聯(lián)動菜單
- 從QQ網(wǎng)站中提取的純JS省市區(qū)三級聯(lián)動菜單
- javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單
- JS實多級聯(lián)動下拉菜單類，簡單實現(xiàn)省市區(qū)聯(lián)動菜單！
- javascript實現(xiàn)的全國省市縣無刷新多級關(guān)聯(lián)菜單效果代碼
相關(guān)文章
這篇文章主要為大家詳細介紹了JS組件Bootstrap實現(xiàn)圖片輪播效果的具體代碼，對圖片輪播效果感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)菜單跳轉(zhuǎn)效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
javascript設(shè)計模式 – 適配器模式原理與應(yīng)用實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 適配器模式,結(jié)合實例形式分析了javascript適配器模式相關(guān)概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了在HTTPS 項目中使用百度地圖 API，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了BootStrap3使用錯誤記錄及解決辦法,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了微信公眾號H5支付接口調(diào)用方法，微信內(nèi)H5調(diào)用支付接口代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
javascript實現(xiàn)九宮格相加數(shù)值相等
這篇文章主要介紹了javascript實現(xiàn)九宮格相加數(shù)值相等的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
下面小編就為大家?guī)硪黄獪\談js數(shù)據(jù)類型判斷與數(shù)組判斷。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這里介紹的是網(wǎng)上比較流行的刷新頁面的代碼，整理的相對比較全了，這些知識都是前后臺結(jié)合過程中，經(jīng)常用的到的。2010-04-04
雖然有越來越多的網(wǎng)站在應(yīng)用AJAX技術(shù)進行開發(fā)，但是構(gòu)建一個復雜的AJAX應(yīng)用仍然是一個難題。接下來小編給大家介紹JavaScript多線程，需要的朋友可以參考下2015-08-08