java实现三级联动查询_[Java教程]三级联动代码

[Java教程]三级联动代码

0 2015-11-09 15:00:29

html代码：

liandong.html

请选择1

春

夏

秋

冬

请选择2

请选择专业3

jQuery代码：

$(document).ready(function() {

var index=-1;

var indey=-1;

var arr1=["春","夏","秋","冬"];

var arr2=[["1","2","3"],["4","5","6"],["7","8","9"],["10","11","12"]];

var arr3=[[['a','b','c'],['d','e','f'],['h','i','j']],[['k','l','m'],['n','o','p'],['q','r','s']],[['t','u','v'],['w','x','y'],['z','g','a1']],[['b1','c1','d1'],['e1','f1','g1'],['h1','i1','j1']]];

$("select[name='s1']").change(function() {

var val1=$(this).val();

for ( var x = 0; x < arr1.length; x++) {

if(val1==arr1[x]){

index=x;

break;

}

}

$("select[name='s2'] option:gt(0)").remove();

var array1=arr2[index];

for ( var i = 0; i < array1.length; i++) {

$(""+array1[i]+"").appendTo($("select[name='s2']"));

}

$("select[name='s2']").change(function() {

var val2=$(this).val();

out:for ( var x1 = 0; x1 < arr2.length; x1++) {

for(var y=0;y

if(val2==arr2[x1][y]){

index=x1;

indey=y;

break out;

}

}

}

var array2=arr3[index][indey];

$("select[name='s3'] option:gt(0)").remove();

for ( var i = 0; i < array2.length; i++) {

$(""+array2[i]+"").appendTo($("select[name='s3']"));

}

});

});

});

本文网址：http://www.shaoqun.com/a/155966.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

0