国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

超簡單JS二級、多級聯動的簡單實例

2024-05-06 16:01:07
字體:
來源:轉載
供稿:網友
本篇文章主要是對超簡單JS二級、多級聯動的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

超簡單的JS聯動代碼,不過要配合jquery用,也可以自己修改為不用任選JS庫的代碼

復制代碼 代碼如下:


<tr>
  <th>一級分類</th><td>
    <select 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>
    <option>請選擇</option>
  </select></td></tr>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 郁南县| 隆回县| 麻阳| 合水县| 桃园市| 上饶县| 章丘市| 凤冈县| 兴和县| 运城市| 延川县| 曲麻莱县| 辽宁省| 庆安县| 平罗县| 仁怀市| 霍山县| 焉耆| 东莞市| 清镇市| 紫云| 宝坻区| 博乐市| 扎赉特旗| 榆林市| 邳州市| 上虞市| 特克斯县| 城步| 涞水县| 南投市| 菏泽市| 崇仁县| 子长县| 南丰县| 沾益县| 容城县| 疏附县| 潼关县| 西峡县| 玉山县|