下拉菜单联动显示(读数据库)
Jun 07, 2016 am 11:42 AM点击最初的下拉菜单选择板块内容~然后读取数据库获取下级分类,然后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元

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Découvrez des exemples de code d'introduction à la programmation Python.

Comment utiliser PHP pour écrire le code de la fonction de gestion des stocks dans le système de gestion des stocks

Variables PHP en action : 10 exemples concrets d'utilisation

Exemples de programmation en langage Go : exemples de code dans le développement Web

Java implémente un code de tri à bulles simple

Du débutant au compétent : implémentation de code de structures de données couramment utilisées en langage Go

Guide d'interconnexion Huawei Cloud Edge Computing : exemples de code Java pour implémenter rapidement des interfaces

Conseils et exemples : Apprenez à implémenter l'algorithme de tri par sélection en Java
