超簡單JS二級、多級聯動的簡單實例

超簡單的JS聯動代碼，不過要配合jquery用,也可以自己修改為不用任選JS庫的代碼

複製代碼代碼如下:

<tr>

<th>一級分類</th><td>

<select name="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">

<option>請選擇</option>

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