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

2019-12-01 02:04栏目:竞技宝竞猜
TAG:

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

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

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

 

 

本篇文章主要是对超简单JS二级、多级联动的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家...

一级分类

请选择

版权声明:本文由龙竞技官网发布于竞技宝竞猜,转载请注明出处:JS二级、多级联合浮动的简单实例