时间:2021-05-25
超简单的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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQuery1.3.2简单实现select二级联动复制代码代码如下:jQuery二级联动$(document).ready(function(){$("#pro
在开发过程中,遇到过非常多的二级联动,下面是我总结出来的几种二级联动案例二级联动(1)第一种案例是一种比较简单的二级联动,利用jquery的显示隐藏来实现,对于
本文实例为大家分享了js实现二级联动的具体代码,供大家参考,具体内容如下此实例是一个简单的二级联动,第一个列表中的值为固定的,第二个列表中的值随着第一个列表值的
本文实例为大家分享了js二级联动菜单的具体代码,供大家参考,具体内容如下效果如下:代码如下:二级联动菜单*{padding:0px;margin:0px;}fo
本文实例为大家分享了js实现二级联动下拉菜单的具体代码,供大家参考,具体内容如下js代码部分:/**全国二级城市联动js版*/functionDsy(){thi