搜尋
首頁php教程php手册下拉菜单联动显示(读数据库)

点击最初的下拉菜单选择板块内容~然后读取数据库获取下级分类,然后jq输出分类的下级菜单~并且绑定同一个事件,修改后也许就可以应用到你们项目中;用jquery写的,第一次分享,觉得不好的请轻喷~~
js代码如下: $(".js_type").live('change',function(){<br>         var _this=$(this);<br>         var _this_id=_this.attr('id');<br>         var url='<!--{:U("Lib/ajaxType")}-->';<br>         var $v=_this.val();<br>         _this.nextAll("select").remove();<br>         switch(_this_id){<br>             case 'js_plateid':{<br>                 var data='plateid='+$v;<br>             } break;<br>             case 'js_pid': var data='uid='+$v; break;<br>         };<br>         $('<span>',{'class':'loadPtype'}).insertAfter(_this);<br>         $('.loadPtype').text("加载中...");<br>         $.ajax({<br>             'url':url,<br>             'type':'POST',<br>             'data':data,<br>             'success':function(data){<br>                 var obj=jQuery.parseJSON(data);<br>                 var option='';<br>                 if(obj!=null){<br>                     switch(_this_id){<br>                         case 'js_plateid':{<br>                             var $new_select=$('<select>',{'class':'js_type','id':'js_pid'});<br>                         };break;<br>                         case 'js_pid':{<br>                             var $new_select=$('<select>',{'name':'subtypeid'});    <br>                         };break;<br>                     }<br>                     $new_select.insertAfter(_this);<br>                     $('.loadPtype').remove();<br>                     for(var i=0;i<obj.length></obj.length>                         option+="<option>"+obj[i].typename+"</option>";<br>                     }<br>                     $new_select.html(option);<br>                 }else{<br>                     $(".loadPtype").text('无二级分类');<br>                 } <br>             }<br>         });<br>     });</select></select></span>html代码:

AD:真正免费,域名+虚机+企业邮箱=0元

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境