您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对超简单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>