嘿嘿其实我们现在用的BLOG就是一个很好的宝库,它上面的JS就足够你在项目中用了`
,今天在项目中遇到多级分类的问题 ,嘿嘿``很好解决~~你点一下上面的"专写模式"===>高级模式,在最下面就是一个好例子,JS 不会写怎么办?简单~偷~~~
天下代码一大偷,就要看你会偷不会偷!
我已经把代码分离出来了`
如下:
HTML部分
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<script language="javascript">
<!--
function BDSort(sid, pid, name){
this.sid = sid;
this.pid = pid;
this.name = name;
}
var arr = new Array;
arr[0] = new BDSort('A','00','科技');
arr[1] = new BDSort('B','00','新知');
arr[2] = new BDSort('C','00','生活');
arr[3] = new BDSort('AA','A','电脑网络');
arr[4] = new BDSort('AB','A','科学科普');
arr[5] = new BDSort('AC','A','程序人生');
arr[6] = new BDSort('AD','A','新技术');
arr[7] = new BDSort('AE','A','数码生活');
arr[8] = new BDSort('AF','A','宽带生活');
arr[9] = new BDSort('AG','A','公司企业');
arr[10] = new BDSort('AH','A','网络艺术');
arr[11] = new BDSort('AI','A','资本与投资');
arr[12] = new BDSort('AJ','A','网络文化');
arr[13] = new BDSort('AK','A','科学前沿');
arr[14] = new BDSort('AL','A','手机通讯');
arr[15] = new BDSort('AM','A','生物科技');
arr[16] = new BDSort('AN','B','社团交流');
arr[17] = new BDSort('BA','B','教育学习');
arr[18] = new BDSort('BB','B','商业');
arr[19] = new BDSort('BC','B','财经金融');
arr[20] = new BDSort('BD','B','企业管理');
arr[21] = new BDSort('BE','B','市场营销');
arr[22] = new BDSort('BF','B','政府');
arr[23] = new BDSort('BG','B','法律');
arr[24] = new BDSort('BH','B','媒体');
arr[25] = new BDSort('BI','B','精神生活');
arr[26] = new BDSort('BJ','B','玄秘科幻');
arr[27] = new BDSort('BK','B','综合参考');
arr[28] = new BDSort('BL','B','新闻出版');
arr[29] = new BDSort('BM','B','军事');
arr[30] = new BDSort('BN','B','艺术');
arr[31] = new BDSort('BO','B','读书');
arr[32] = new BDSort('BP','B','思想');
arr[33] = new BDSort('BQ','B','社会话题');
arr[34] = new BDSort('BX','B','人文');
arr[35] = new BDSort('BY','B','地理');
arr[36] = new BDSort('BZ','B','外语学习');
arr[37] = new BDSort('BU','B','世界博览');
arr[38] = new BDSort('CA','C','个人空间');
arr[39] = new BDSort('CB','C','情感生活');
arr[40] = new BDSort('CC','C','工作感悟');
arr[41] = new BDSort('CD','C','儿童与家庭');
arr[42] = new BDSort('CE','C','青年一代');
arr[43] = new BDSort('CF','C','班级博客');
arr[44] = new BDSort('CG','C','同乡情');
arr[45] = new BDSort('CH','C','时尚');
arr[46] = new BDSort('CI','C','影视');
arr[47] = new BDSort('CL','C','摄影游戏');
arr[48] = new BDSort('CM','C','医药健康');
arr[49] = new BDSort('CV','C','幽默');
arr[50] = new BDSort('CN','C','家居生活');
arr[51] = new BDSort('CM','C','音乐');
arr[52] = new BDSort('CO','C','宠物');
arr[53] = new BDSort('CP','C','体育竞技');
arr[54] = new BDSort('CX','C','旅游自然');
arr[55] = new BDSort('CY','C','娱乐休闲');
arr[56] = new BDSort('CZ','C','生活资讯');
arr[57] = new BDSort('CZ0001','CZ','姐姐,好想你');
//-->
</script>
<body>
<script language="javascript" type="text/javascript" src="chooseSort.js"></script>
<p>
<form action name>
<select size="4" name="D1" id="col1" onchange="set1(this,this.form)">
<script>
for(i = 0; i < fstArr.length; i++){
document.write('<option value='+fstArr[i].sid+'>'+fstArr[i].name+'</option>');
}
</script>
</select>
<br>
<select size="4" name="D2" id="col2" onchange="set2(this, this.form)"></select>
<br>
<select size="4" name="D3" id="col3" ></select>
<br>
</p>
</form>
</body>
</html>
倒入的JS部分:
var fstArr = new Array;
var scdArr = new Array;
var thdArr = new Array;
var furArr = new Array;
var i = 0,i2 = 0,i3 = 0,i4 = 0;
var k = 0;
for(i = 0; i < arr.length; i++){
if(arr[i].pid == '00'){
fstArr[k] = arr[i];
k++;
}
}
for(i2 = 0; i2 < fstArr.length; i2++){
for(i=0,k=0 ; i < arr.length; i++){
if(arr[i].pid == fstArr[i2].sid){
if(scdArr[i2] == null) scdArr[i2] = new Array;
scdArr[i2][k] = arr[i];
k++;
}
}
}
for(i2 = 0; i2 < fstArr.length; i2++){
if(thdArr[i2] == null) thdArr[i2] = new Array;
if(scdArr != null && scdArr[i2] != null){
for(i3 = 0; i3 < scdArr[i2].length; i3++){
if(thdArr[i2][i3] == null) thdArr[i2][i3] = new Array;
for(i = 0,k = 0; i < arr.length; i++){
if(scdArr[i2][i3] != null && arr[i].pid == scdArr[i2][i3].sid){
thdArr[i2][i3][k] = arr[i];
k++;
}
}
}
}
}
for(i2 = 0; i2 < fstArr.length; i2++){
if(furArr[i2] == null) furArr[i2] = new Array;
if(scdArr != null && scdArr[i2] != null){
for(i3 = 0; i3 < scdArr[i2].length; i3++){
if(furArr[i2][i3] == null) furArr[i2][i3] = new Array;
if(thdArr != null && thdArr[i2] != null && thdArr[i2][i3] != null){
for(i4 = 0; i4 < thdArr[i2][i3].length; i4++){
if(furArr[i2][i3][i4] == null) furArr[i2][i3][i4] = new Array;
for(i = 0,k = 0; i < arr.length; i++){
if(thdArr[i2][i3][i4] != null && arr[i].pid == thdArr[i2][i3][i4].sid){
furArr[i2][i3][i4][k] = arr[i];
k++;
}
}
}
}
}
}
}
function set1(s,f){
var selectedInx = s.selectedIndex;
f.col2.length=0;
f.col3.length=0;
if(scdArr[selectedInx] != null){
for(i = 0; i < scdArr[selectedInx].length; i++){
f.col2[i] = new Option(scdArr[selectedInx][i].name,scdArr[selectedInx][i].sid);
}
}
}
function set2(s,f){
var selectedInx = f.col1.selectedIndex;
var selectedInx2 = f.col2.selectedIndex;
f.col3.length=0;
if(thdArr[selectedInx] != null && thdArr[selectedInx][selectedInx2] != null){
for(i = 0; i < thdArr[selectedInx][selectedInx2].length; i++){
f.col3[i] = new Option(thdArr[selectedInx][selectedInx2][i].name, thdArr[selectedInx][selectedInx2][i].sid);
}
}
}
function set3(s,f){
var selectedInx = f.col1.selectedIndex;
var selectedInx2 = f.col2.selectedIndex;
var selectedInx3 = f.col3.selectedIndex;
f.col4.length=0;
if(furArr[selectedInx] != null && furArr[selectedInx][selectedInx2] != null && furArr[selectedInx][selectedInx2][selectedInx3] != null){
for(i = 0; i < furArr[selectedInx][selectedInx2][selectedInx3].length; i++){
f.col4[i] = new Option(furArr[selectedInx][selectedInx2][selectedInx3][i].name, furArr[selectedInx][selectedInx2][selectedInx3][i].sid);
}
}
}
function initSort(sortID, f){
for(var i = 0; (i < sortID.length/2); i++){
if(i == 0){
var sort1 = sortID.substring(0,(i+1)*2);
selectCol(sort1, f.col1);
set1(f.col1, f);
}else if(i == 1){
var sort2 = sortID.substring(0, (i+1)*2);
selectCol(sort2, f.col2);
set2(f.col2, f);
}else if(i == 2){
var sort3 = sortID.substring(0, (i+1)*2);
selectCol(sort3, f.col3);
set3(f.col3, f);
}else if(i == 3){
var sort4 = sortID.substring(0, (i+1)*2);
selectCol(sort4, f.col4);
}
}
}
function selectCol(sortID, col){
for(var i = 0 ; i < col.length; i++){
if(col.options[i].value == sortID){
col.options[i].selected = true;
}
}
}
嘿嘿``自己研究吧~~~~
你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=2579763
[2005-07-18] 一些js代码
[2005-07-18] JS通用表单验证函数
[2005-07-14] JS常用脚本
[2005-07-06] JS常用函数(转载)
[2005-07-23] 几个有用的js代码