相思资源网 Design By www.200059.com
超简单的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>
复制代码 代码如下:
<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>
标签：
JS,二级联动,多级联动
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无超简单JS二级、多级联动的简单实例的评论...