> php教程 > php手册 > 下拉菜单联动显示(读数据库)

下拉菜单联动显示(读数据库)

WBOY
풀어 주다: 2016-06-07 11:42:32
원래의
1023명이 탐색했습니다.

点击最初的下拉菜单选择板块内容~然后读取数据库获取下级分类,然后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元

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿