您的位置：首页 > 编程语言

select 联动菜单实现代码

2012-05-07 21:34 357 查看

http://www.111cn.net/js_a/javascript-dh/37125.htm

<!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>联动菜单</title>

<script language="javascript">

//下面函数是演示二，联动菜单的处理代码

function makeplace_a(x){

var form2=document.formsearch.one.options.length;//这句解释同上

var wane_searchl=new Array(form2)//新建一个数组，项数为第一个下拉列表的项数

for(i=0;i<form2;i++)//循环第一个下拉列表的项数那么多次

wane_searchl[i]=new Array();//子循环

//下面是给每个循环赋值

var place_a=document.formsearch.typeid;//方便引用

wane_searchl[1][0] = new Option("5230","79");

wane_searchl[1][1] = new Option("5800","19");

wane_searchl[1][2] = new Option("e63","118");

wane_searchl[1][3] = new Option("N97","11");

wane_searchl[1][4] = new Option("x6","122");

wane_searchl[1][5] = new Option("c6","132");

wane_searchl[1][6] = new Option("E71","64");

wane_searchl[1][7] = new Option("5233","83");

wane_searchl[1][8] = new Option("N8","130");

wane_searchl[1][9] = new Option("N8","62");

wane_searchl[1][10] = new Option("c5","133");

wane_searchl[1][11] = new Option("6700s","111");

wane_searchl[1][12] = new Option("N85","63");

wane_searchl[1][13] = new Option("N81","20");

wane_searchl[1][14] = new Option("x3","121");

wane_searchl[1][15] = new Option("5200","134");

wane_searchl[1][16] = new Option("e66","119");

wane_searchl[1][17] = new Option("5300mx","59");

wane_searchl[1][18] = new Option("N97mini","87");

wane_searchl[1][19] = new Option("5900xm","86");

wane_searchl[1][20] = new Option("5802xm","85");

wane_searchl[1][21] = new Option("5235","84");

wane_searchl[1][22] = new Option("N71","77");

wane_searchl[1][23] = new Option("n78","129");

wane_searchl[1][24] = new Option("C7-00","149");

wane_searchl[1][25] = new Option("E7-00","150");

wane_searchl[1][26] = new Option("N86","153");

wane_searchl[1][27] = new Option("N8-00","148");

wane_searchl[1][28] = new Option("5320XM","18");

wane_searchl[1][29] = new Option("N93i","21");

wane_searchl[1][30] = new Option("6300","120");

wane_searchl[1][31] = new Option("5700xm","76");

wane_searchl[1][32] = new Option("N93","22");

wane_searchl[1][33] = new Option("非主流手机","55");

wane_searchl[1][34] = new Option("5530XM","60");

wane_searchl[1][35] = new Option("6788i","116");

wane_searchl[1][36] = new Option("3230","17");

wane_searchl[1][37] = new Option("N70","16");

wane_searchl[1][38] = new Option("5630xm","101");

wane_searchl[1][39] = new Option("N73","15");

wane_searchl[1][40] = new Option("N720","14");

wane_searchl[1][41] = new Option("N95","13");

wane_searchl[1][42] = new Option("N96","12");

wane_searchl[1][43] = new Option("5250","151");

wane_searchl[1][44] = new Option("5228","152");

wane_searchl[1][45] = new Option("6788","115");

wane_searchl[1][46] = new Option("6730c","114");

wane_searchl[1][47] = new Option("N77","75");

wane_searchl[1][48] = new Option("5630xm","88");

wane_searchl[1][49] = new Option("5710xm","89");

wane_searchl[1][50] = new Option("5730xm","90");

wane_searchl[1][51] = new Option("6220c","65");

wane_searchl[1][52] = new Option("5710xm","102");

wane_searchl[1][53] = new Option("6110n","103");

wane_searchl[1][54] = new Option("6120c","104");

wane_searchl[1][55] = new Option("6121c","105");

wane_searchl[1][56] = new Option("6124c","106");

wane_searchl[1][57] = new Option("6210n","107");

wane_searchl[1][58] = new Option("6210s","108");

wane_searchl[1][59] = new Option("6290","109");

wane_searchl[1][60] = new Option("6650","110");

wane_searchl[1][61] = new Option("5800i","61");

wane_searchl[1][62] = new Option("6710n","112");

wane_searchl[1][63] = new Option("6720c","113");

wane_searchl[1][64] = new Option("6790","117");

wane_searchl[2][0] = new Option("索爱Z800","23");

wane_searchl[2][1] = new Option("索爱W995","67");

wane_searchl[2][2] = new Option("索爱S500c","68");

wane_searchl[2][3] = new Option("索爱W595C","69");

wane_searchl[2][4] = new Option("索爱W715C","70");

wane_searchl[2][5] = new Option("W995C","71");

wane_searchl[2][6] = new Option("索爱w580c","72");

wane_searchl[2][7] = new Option("T707","74");

wane_searchl[2][8] = new Option("U1i","80");

wane_searchl[2][9] = new Option("U5i","81");

wane_searchl[2][10] = new Option("U8i","82");

wane_searchl[2][11] = new Option("索爱W595","66");

wane_searchl[2][12] = new Option("索爱Z530","34");

wane_searchl[2][13] = new Option("Z780","24");

wane_searchl[2][14] = new Option("索爱Z770","25");

wane_searchl[2][15] = new Option("Z750","26");

wane_searchl[2][16] = new Option("Z710","27");

wane_searchl[2][17] = new Option("索爱Z610","28");

wane_searchl[2][18] = new Option("索爱Z608","29");

wane_searchl[2][19] = new Option("索爱Z600","30");

wane_searchl[2][20] = new Option("Z558","31");

wane_searchl[2][21] = new Option("索爱Z555","32");

wane_searchl[2][22] = new Option("Z550","33");

wane_searchl[2][23] = new Option("x10","135");

wane_searchl[3][0] = new Option("摩托罗拉V8","35");

wane_searchl[3][1] = new Option("摩托罗拉V3手机","45");

wane_searchl[3][2] = new Option("V300手机","44");

wane_searchl[3][3] = new Option("摩托V303手机","43");

wane_searchl[3][4] = new Option("摩托V360","42");

wane_searchl[3][5] = new Option("V500手机","41");

wane_searchl[3][6] = new Option("摩托罗拉V501手机","40");

wane_searchl[3][7] = new Option("V557手机","39");

wane_searchl[3][8] = new Option("摩托V600手机","38");

wane_searchl[3][9] = new Option("摩托罗拉V600i","37");

wane_searchl[3][10] = new Option("V635手机","36");

wane_searchl[3][11] = new Option("V1000","78");

wane_searchl[4][0] = new Option("多普达U1000","51");

wane_searchl[4][1] = new Option("多普达S300","52");

wane_searchl[4][2] = new Option("多普达S1","53");

wane_searchl[4][3] = new Option("多普达P800手机","54");

wane_searchl[5][0] = new Option("三星L878","46");

wane_searchl[5][1] = new Option("SGH-i560","146");

wane_searchl[5][2] = new Option("SGH-i550","145");

wane_searchl[5][3] = new Option("SGH-i520","144");

wane_searchl[5][4] = new Option("SGH-i458","143");

wane_searchl[5][5] = new Option("SGH-i450","142");

wane_searchl[5][6] = new Option("SGH-i408","141");

wane_searchl[5][7] = new Option("SGH-i400","140");

wane_searchl[5][8] = new Option("SGH-G850","139");

wane_searchl[5][9] = new Option("SGH-G818E","138");

wane_searchl[5][10] = new Option("SGH-G810","137");

wane_searchl[5][11] = new Option("GT-B5210U","136");

wane_searchl[5][12] = new Option("i718手机","50");

wane_searchl[5][13] = new Option("i8510手机","49");

wane_searchl[5][14] = new Option("三星手机i8910","48");

wane_searchl[5][15] = new Option("三星L870手机","47");

wane_searchl[5][16] = new Option("SGH-i7110","147");

wane_searchl[6][0] = new Option("苹果iPhone","56");

wane_searchl[7][0] = new Option("魅族M8","57");

wane_searchl[7][1] = new Option("LG","58");

wane_searchl[7][2] = new Option("oppo手机","91");

for(m=place_a.options.length-1;m>0;m--)

//这个要看清楚,因为要重新填充下拉列表的话必须先清除里面原有的项,清除和增加当然是有区别的了,所以用递减

place_a.options[m]=null;//将该项设置为空,也就等于清除了

for(j=0;j<wane_searchl[x].length;j++){//这个循环是填充下拉列表

place_a.options[j]=new Option(wane_searchl[x][j].text,wane_searchl[x][j].value)

//注意上面这据,列表的当前项等于新项(数组对象的x,j项的文本为文本，)

}

place_a.options[0].selected=true;//设置被选中的初始值

}

</script>

</head>

<body>

<form action="/plus/search.php" name="formsearch" method="get">

<select name="one" size="1" onchange="makeplace_a(options.selectedIndex)" style="width:86px;">

<option value="0" selected="selected">-省份-</option>

<option value=4>诺基亚主题</option>

<option value=5>索爱手机主题</option>

<option value=6>摩托手机主题</option>

<option value=7>多普达主题</option>

<option value=8>三星主题</option>

<option value=9>苹果主题</option>

<option value=10>其它主题</option>

<option value=73>帮助中心</option>

</select>

<select name='typeid' >

<option value="">-城市-</option>

</select>

<input type="image" name="imageField" id="imageField" src="/img/index_sbtn.jpg" />

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航