- <select id="cls" style="width:80px;"></select>
- <select id="group" style="width:80px; "></select>
- <select id="bigtype" style="width:80px;"></select>
- <select id="type" style="width:80px;"></select>
- <script type="text/javascript" src1="./js/jquery-1.7.1.min.js"></script>
- <script>
- (function($){
- $.fn.selInit = function(){
- return $(this).html('<option value="">----</option>');
- }
- $.area_site = function(area, jq_slt_1, jq_slt_2, jq_slt_3, jq_slt_4){
- jq_slt_1.selInit();
- if(jq_slt_2) jq_slt_2.selInit();
- if(jq_slt_3) jq_slt_3.selInit();
- if(jq_slt_4) jq_slt_4.selInit();
- $.each(area, function(ck,cv){jq_slt_1.append('<option value="'+ck+'">'+cv.clsname+'</option>');});
- jq_slt_1.change(function(){
- jq_slt_2.selInit();
- jq_slt_3.selInit();
- jq_slt_4.selInit();
- if(jq_slt_2){
- $.each(area, function(ck,cv)
- {
- if(jq_slt_1.find('option:selected').val() == ck)
- {
- $.each(cv.group, function(gk, gv){jq_slt_2.append('<option value="'+gk+'">'+gv.groupname+'</option>');});
- if(jq_slt_3)
- {
- jq_slt_2.change(function(){
- jq_slt_3.selInit();
- if(jq_slt_4) jq_slt_4.selInit();
- $.each(cv.group, function(bk, bv){
- if(jq_slt_2.find('option:selected').val() == bk)
- {
- $.each(bv.bigtype, function(tk, tv){jq_slt_3.append('<option value="'+tk+'">'+tv.big_name+'</option>');});
- if(jq_slt_4)
- {
- jq_slt_3.change(function(){
- jq_slt_4.selInit();
- $.each(bv.bigtype, function(tk, tv){
- if(jq_slt_3.find('option:selected').val() == tk)
- {
- $.each(tv.type, function(tk, tv){jq_slt_4.append('<option value="'+tk+'">'+tv+'</option>')})
- }
- })
- })
- }
- }
- })
- })
- }
- }
- })
- }
- })
- }
- })(jQuery);
- $(function(){
- var area = {'1':{'clsname':'论坛','group':{'1':{'groupname':'文学','bigtype':{'2':{'big_name':'短篇','type':{'12':'aaaa','0':'新增'}},'0':{'big_name':'新增','type':['新增']}}},'0':{'groupname':'新增','bigtype':[{'big_name':'新增','type':['新增']}]}}},'2':{'clsname':'新闻','group':{'3':{'groupname':'体育','bigtype':{'4':{'big_name':'篮球','type':{'5':'NBA','0':'新增'}},'0':{'big_name':'新增','type':['新增']}}},'6':{'groupname':'军事','bigtype':{'7':{'big_name':'国外','type':{'8':'战斗机','0':'新增'}},'0':{'big_name':'新增','type':['新增']}}},'0':{'groupname':'新增','bigtype':[{'big_name':'新增','type':['新增']}]}}},'3':{'clsname':'博客','group':{'9':{'groupname':'iii','bigtype':{'10':{'big_name':'qqq','type':{'11':'www','0':'新增'}},'0':{'big_name':'新增','type':['新增']}}},'0':{'groupname':'新增','bigtype':[{'big_name':'新增','type':['新增']}]}}},'4':{'clsname':'SNS','group':{'13':{'groupname':'芒果网','bigtype':{'14':{'big_name':'金鹰视频','type':{'15':'少儿视频','0':'新增'}},'0':{'big_name':'新增','type':['新增']}}},'0':{'groupname':'新增','bigtype':[{'big_name':'新增','type':['新增']}]}}},'5':{'clsname':'视频','group':[{'groupname':'新增','bigtype':[{'big_name':'新增','type':['新增']}]}]},'6':{'clsname':'平面媒体','group':[{'groupname':'新增','bigtype':[{'big_name':'新增','type':['新增']}]}]}}
- var jq_slt_1 = $('#cls');
- var jq_slt_2 = $('#group');
- var jq_slt_3 = $('#bigtype');
- var jq_slt_4 = $('#type');
- $.area_site(area, jq_slt_1, jq_slt_2, jq_slt_3, jq_slt_4);
- })
- </script>
- //该片段来自于http://www.codesnippet.cn/detail/170620134078.html
来源: http://www.codesnippet.cn/detail/170620134078.html