本文利用创建交互式、快速动态网页应用的网页开发技术技术从数据库中获取数据，动态实现挑选三级联动，效果图如下：

前端射流研究…代码如下：

脚本类型=' text/JavaScript ' src=' http : jquery/jquery-1。9 .1 .量滴js '/脚本脚本类型='text/javascript'$(文档)。ready(function(){$).ajax({type:'get '，dataType:'text '，url: ' GetItemAction？itemlevel=1 '，success:function(data){ //由数据字符串转换为数据对象var Objjson=eval('(' data ')')；var len=Objjson。ItemInfo。长度；var objSelect=文档。getelementbyid('第一级')；for(var I=0；伊琳；I){ var op=新选项(Objjson。项目信息.itemname，objJSON.itemInfo[i].项目代码);objselect。添加(执行部分第10段)；} }，错误：函数(XMLHttpRequest，textStatus，错误通过){ alert(错误通过)；}});});//显示二级分类函数第一级_ Click(){ var objfirst=document。getelementbyid('第一级')；var索引=objfirst。selectedindex//选中索引var项目代码=objfirst。选项[索引].价值；//选中值if(itemcode==0){alert('请选择事件类别');返回；}//删除二级分类保留第一个var objssecond=文档。getelementbyid('第二层')；for(var I=obj second。选项。长度-1；i0；I-){ objssecond。选项。去掉(一)；}//删除三级分类保留第一个var objthird=文档。getelementbyid('第三级')；for(var I=objthird。选项。长度-1；i0；我-){ objthird。选项。去掉(一)；}$.ajax({type:'get '，dataType:'text '，url: ' GetItemAction？itemlevel=2itemcode=' itemcode，success:function(data){ //由数据字符串转换为数据对象var Objjson=eval('(' data ')')；var len=Objjson。ItemInfo。长度；var objSelect=文档。getelementbyid('第二层')；for(var I=0；伊琳；I){ var op=新选项(Objjson。项目信息.itemname，objJSON.itemInfo[i].项目代码)；objselect。添加(执行部分第10段)；} }，错误：函数(XMLHttpRequest，textStatus，错误通过){ alert(错误通过)；}});}//显示三级分类函数second level _ Click(){ var objssecond=document。getelementbyid('第二层')；var index=objssecond。selectedindex//选中索引var项目代码=objssecond。选项[索引].价值；//选中值if(itemcode==0){alert('请选择事件类别');返回；}//删除三级分类保留第一个var objthird=文档。getelementbyid('第三级')；for(var I=objthird。选项。长度-1；i0；我-){ objthird。选项。去掉(一)；}$.ajax({type:'get '，dataType:'text '，url: ' GetItemAction？itemlevel=3itemcode=' itemcode，success:function(数据){ //由数据字符串转换为数据对象var Objjson=eval('(' data ')')；var len=Objjson。ItemInfo。长度；var objSelect=文档。getelementbyid('第三级')；for(var I=0；伊琳；I){ var op=新选项(Objjson。项目信息.itemname，objJSON.itemInfo[i].项目代码)；objselect。添加(执行部分第10段)；} }，错误：函数(XMLHttpRequest，textStatus，错误通过){ alert(错误通过)；}});}部分超文本标记语言代码

table class=' table-exposure ' tr TD高度=' 40 '选择id='一级' on change='一级_ Click()' style=' width :99%；'font-size :1 em'选项值='0 '请选择事件大类/option /select /td /tr tr td高度=' 40 '更改时选择id='第二级'=' second level _ Click()'样式=' width :99%；font-size :1 em'选项值='0 '请选择事件小类/option /select /td /tr tr td高度=' 40 '选择id='第三级'样式=' width :99%；'font-size :1 em'选项值='0 '请选择事件类别/选项/选择TD/b/tr/表格以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。