超简单JS二级、多级联动的简单实例

　　<tr>

　　<th>一级分类</th><td>

　　<select name="subsidiary_cat_id" class="subsidiary_cat_id" onchange="linkage('.subsidiary_cat_id','.cat_id');">

　　<option>请选择</option>

　　</select>

　　<script language="javascript">

　　var linkage_data={$list_file_category};//初始化级联数据，{$list_file_category}是PHP的JSON_ENCODE的数据，数组有3个数据，id,parent_id,name

　　function linkage(parent_dom,son_dom){

　　var parent_id=0;

　　if(parent_dom){

　　parent_id=$(parent_dom).val();

　　}

　　$(son_dom).empty();//先清空下拉

　　var html='<option>请选择</option>';

　　$.each(linkage_data,function(key,value){

　　if(value.parent_id==parent_id){

　　html+="<option value='"+value.id+"'>"+value.name+"</option>";

　　}

　　});

　　$(son_dom).append(html);

　　}

　　linkage('',".subsidiary_cat_id")//不传上级节点，表示为第一级数据

　　</script>

　　</td></tr>

　　<tr><th>二级目录</th><td>

　　<select name="cat_id" class="cat_id">

　　<option>请选择</option>

　　</select></td></tr>