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

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

Muat turun versi mac editor Atom
Editor sumber terbuka yang paling popular

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa