DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS二級、多級聯動的簡單實例
JS二級、多級聯動的簡單實例
編輯:JavaScript綜合知識     

 本篇文章主要是對超簡單JS二級、多級聯動的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

超簡單的JS聯動代碼,不過要配合jquery用,也可以自己修改為不用任選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>    
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved