源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-07-17 15:04 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:超简单JS二级、多级联动的简单实例
超简单的JS联动代码,不过要配合jquery用,也可以自己修改为不用任选JS库的代码
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部