手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >超简单JS二级、多级联动的简单实例
超简单JS二级、多级联动的简单实例
摘要:超简单的JS联动代码,不过要配合jquery用,也可以自己修改为不用任选JS库的代码复制代码代码如下:一级分类请选择varlinkage_d...

超简单的JS联动代码,不过要配合jquery用,也可以自己修改为不用任选JS库的代码

复制代码 代码如下:

<tr>

<th>一级分类</th><td>

<select name="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">

<option>请选择</option>

</select></td></tr>

【超简单JS二级、多级联动的简单实例】相关文章:

微信WeixinJSBridge API使用实例

二级连动菜单

jQuery插件制作之全局函数用法实例

简介AngularJS中$http服务的用法

JavaScript实现的MD5算法完整实例

一个很简单的办法实现TD的加亮效果.

js实现简单div拖拽功能实例

一个很简单的办法实现TD的加亮效果.

javascript瀑布流式图片懒加载实例

经典的带阴影的可拖动的浮动层

精品推荐
分类导航