Jquery二级联动

/*1.页面加载完之后进行动态创建 option 根据《key》定位到指定节点，
通过$(".key").append($(xx));（创建选项）//值一般用标识数字是很好的推选*/

通过二维数组方式来进行动态创建。

ver $arr=new array([],[]..........);

通过便利$arr来进行动态创建

$(function(){

ver $arr1=new array("xx",..........);//数据源

var  $select=$(".key")//指定选项

$select.append("请选择");

$($arr).each(function(index){//创建第一级菜单选项加载页面创建

    var $option=$(""+$arr.get(index)+"");

  $select.append($option);

});

//联动二级监听一级改变事件创建二级选项菜单

$(".key2").change(function(){

var $key2=$(".key2");

$key2.empty;//清空选项option

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

$key2.append("请选择");

if(index!="请选择"){

var $arr2=$arr[parsetInt(index)];

$($arr2).each(function(index){

  var $option=$(""+$arr.get(index)+"");

});

}

});

});