演员选择框三级联动(原生javascript和jquery实现)
使用Jquery做成选择演员选择框的三级联动效果。代码如下,测试可以下载附件。
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">var t0 = "内地女演员,内地男演员,港台女演员,港台男演员,内地女歌手,内地男歌手,港台女歌手,港台男歌手,舞蹈演员,曲艺演员,戏剧演员,导演,主持人,新人";var t0_0 = "C,D,F,G,H,J,L,M,N,Q,S,T,W,X,Y,Z";var t0_0_0 = "陈小艺,陈好,陈数,陈冲,蔡明";var t0_0_1 = "董洁,邓婕";var t0_0_2 = "范冰冰";var t0_0_3 = "高圆圆,巩俐";var t0_0_4 = "何琳,黄奕,黄圣依,韩雪,何赛飞";var t0_0_5 = "蒋勤勤,蒋雯丽,金巧巧";var t0_0_6 = "李小冉,刘晓庆,刘亦菲,刘孜,吕丽萍,李冰冰,李小璐";var t0_0_7 = "马伊利,梅婷,苗圃";var t0_0_8 = "宁静,牛莉,倪虹洁,倪萍";var t0_0_9 = "秦岚,秦海璐";var t0_0_10 = "舒畅,孙俪,沈傲君,宋佳(小),孙菲菲,斯琴高娃,萨日娜,宋丹丹";var t0_0_11 = "陶红,陶虹(小),童蕾";var t0_0_12 = "王姬,王茜,王雅捷";var t0_0_13 = "奚美娟,徐帆,徐静蕾,许晴,薛佳凝";var t0_0_14 = "杨若兮,杨童舒,袁立,袁泉,闫妮,颜丙燕,余男,姚晨,殷桃,原华";var t0_0_15 = "曾黎,张静初,章子怡,赵薇,周迅,朱媛媛,左小青,赵子琪(原名赵琳),张嘉倪";var t0_1 = "B,C,D,F,G,H,J,L,M,N,P,R,S,T,W,X,Y,Z";var t0_1_0 = "保剑锋";var t0_1_1 = "陈宝国,陈道明,陈坤,陈建斌";var t0_1_2 = "邓超,段奕宏,杜淳";var t0_1_3 = "冯远征,富大龙,范伟";var t0_1_4 = "葛优,郭涛,耿乐";var t0_1_5 = "胡军,黄海冰,黄晓明,黄磊,黄觉,黄渤,黄海波,胡歌,侯勇";var t0_1_6 = "贾一平,姜武";var t0_1_7 = "李连杰,李雪健,李幼斌,刘威,刘烨,柳云龙,李保田,六小龄童,陆毅,李亚鹏,梁冠华,刘佩琦,林永健,李成儒";var t0_1_8 = "马跃";var t0_1_9 = "聂远";var t0_1_10 = "潘粤明,濮存昕";var t0_1_11 = "任程伟";var t0_1_12 = "沙溢,孙红雷,孙海英,孙淳";var t0_1_13 = "佟大为,唐国强,陶泽如";var t0_1_14 = "王学兵,王志文,王刚,王新军,巫刚";var t0_1_15 = "徐峥,夏雨";var t0_1_16 = "尤勇,杨立新,严宽,于小伟";var t0_1_17 = "张丰毅,张国立,张铁林,张涵予,张国强,赵毅,周杰,赵本山";var t0_2 = "A,C,D,G,H,J,L,S,T,W,X,Y,Z";var t0_2_0 = "安以轩";var t0_2_1 = "蔡卓妍,陈乔恩";var t0_2_2 = "邓萃雯";var t0_2_3 = "归亚蕾,郭可盈,官恩娜,桂纶镁";var t0_2_4 = "胡杏儿";var t0_2_5 = "贾静雯";var t0_2_6 = "黎姿,林熙蕾,林心如,李嘉欣,刘嘉玲,梁洛施,林嘉欣,廖碧儿";var t0_2_7 = "舒淇,佘诗曼";var t0_2_8 = "滕丽名";var t0_2_9 = "王思懿";var t0_2_10 = "薛凯琪,徐熙媛,徐若?,徐子珊,宣萱";var t0_2_11 = "叶璇,应采儿,袁咏仪,伊能静,杨恭如";var t0_2_12 = "张曼玉,张柏芝,赵雅芝,钟欣桐,郑秀文,朱茵,周慧敏,周丽淇,钟嘉欣,钟丽缇,周海媚";var t0_3 = "C,D,F,G,H,J,L,M,O,R,S,T,W,X,Y,Z";var t0_3_0 = "成龙,陈浩民,陈豪,陈小春,陈冠希";var t0_3_1 = "杜汶泽";var t0_3_2 = "方中信";var t0_3_3 = "古天乐,郭富城";var t0_3_4 = "黄维德,黄宗泽,贺军翔,黄秋生,霍建华,何润东";var t0_3_5 = "金城武,焦恩俊";var t0_3_6 = "林志颖,梁朝伟,林保怡,刘德华,林峰,林子聪,黎明,刘青云,梁家辉,罗家英";var t0_3_7 = "马浚伟,明道,马景涛";var t0_3_8 = "欧阳震华";var t0_3_9 = "任达华,任贤齐,阮经天";var t0_3_10 = "苏有朋";var t0_3_11 = "谭耀文";var t0_3_12 = "吴彦祖,吴镇宇,吴卓羲,王绍伟,吴奇隆,吴尊";var t0_3_13 = "徐少强,谢霆锋,许绍洋";var t0_3_14 = "余文乐,言承旭";var t0_3_15 = "曾志伟,张智霖,张震,郑元畅,郑少秋,周润发,周星驰,甄子丹,周渝民,钟汉良,郑伊健,郑中基";var t0_4 = "A,B,C,H,J,L,M,N,S,T,W,Z";var t0_4_0 = "阿朵,爱戴";var t0_4_1 = "白雪";var t0_4_2 = "陈琳,陈思思";var t0_4_3 = "韩红,何洁";var t0_4_4 = "金海心";var t0_4_5 = "李慧珍,李宇春,吕薇";var t0_4_6 = "毛阿敏,梦鸽,麦穗";var t0_4_7 = "那英";var t0_4_8 = "斯琴格日乐,宋祖英,孙悦";var t0_4_9 = "谭晶,汤灿";var t0_4_10 = "王蓉,韦唯";var t0_4_11 = "张靓颖,周笔畅,朱哲琴,曾格格,祖海";var t0_5 = "A,C,D,F,G,H,L,M,P,S,T,W,X,Y,Z";var t0_5_0 = "阿宝";var t0_5_1 = "崔建";var t0_5_2 = "戴玉强,刀郎";var t0_5_3 = "冯晓泉";var t0_5_4 = "郭峰";var t0_5_5 = "黄征,韩磊,胡彦斌";var t0_5_6 = "林依伦,罗中旭,刘欢";var t0_5_7 = "满文军";var t0_5_8 = "朴树,庞龙";var t0_5_9 = "孙楠";var t0_5_10 = "腾格尔,屠洪刚";var t0_5_11 = "汪峰";var t0_5_12 = "许巍,小柯";var t0_5_13 = "阎维文,杨坤,杨臣刚,羽?泉";var t0_5_14 = "郑钧,张敬轩,郑源,臧天朔";var t0_6 = "C,F,H,L,M,Q,R,S,W,X,Y,Z";var t0_6_0 = "蔡健雅,蔡琴,蔡依林,陈慧琳,陈绮贞";var t0_6_1 = "范玮琪";var t0_6_2 = "黄伊汶,何韵诗";var t0_6_3 = "李玟,梁咏琪,刘若英,梁静茹,林忆莲";var t0_6_4 = "莫文蔚";var t0_6_5 = "齐豫";var t0_6_6 = "容祖儿";var t0_6_7 = "孙燕姿,S.H.E";var t0_6_8 = "王菲,王心凌,王若琳";var t0_6_9 = "萧亚轩,许慧欣";var t0_6_10 = "杨丞琳,杨千?";var t0_6_11 = "张韶涵,张惠妹";var t0_7 = "A,C,F,G,H,L,P,Q,T,W,Y,Z";var t0_7_0 = "阿杜,阿信";var t0_7_1 = "陈奕迅,侧田";var t0_7_2 = "费玉清,飞轮海";var t0_7_3 = "古巨基,光良";var t0_7_4 = "黄立行";var t0_7_5 = "林俊杰,罗志祥,罗大佑";var t0_7_6 = "潘玮柏,品冠";var t0_7_7 = "齐秦";var t0_7_8 = "陶?";var t0_7_9 = "王力宏,巫启贤,吴健豪,吴克群,五月天";var t0_7_10 = "杨宗纬";var t0_7_11 = "张信哲,张学友,周华健,周杰伦,周传雄,张栋梁,张震岳";var t0_8 = "D,H,J,L,M,S,T,X,Y,Z";var t0_8_0 = "刀美兰";var t0_8_1 = "黄豆豆";var t0_8_2 = "季萍萍,金星";var t0_8_3 = "吕萌,罗君,刘岩";var t0_8_4 = "马秋萍";var t0_8_5 = "山?,孙杰";var t0_8_6 = "谭元元,汤加丽,邰丽华";var t0_8_7 = "虾嘎";var t0_8_8 = "杨丽萍,杨扬,殷硕";var t0_8_9 = "朱妍,张剑";var t0_9 = "C,D,F,G,H,L,N,P,S,T,W,Y,Z";var t0_9_0 = "陈佩斯";var t0_9_1 = "大兵";var t0_9_2 = "冯巩";var t0_9_3 = "郭德纲,巩汉林,郭达,郭冬临,郭秋林(山东快书)";var t0_9_4 = "黄宏,侯耀华";var t0_9_5 = "李琦,李金斗";var t0_9_6 = "牛群";var t0_9_7 = "潘长江";var t0_9_8 = "单田芳";var t0_9_9 = "唐杰忠,田连元";var t0_9_10 = "魏积安,王莉(京韵大鼓),王淑玲(梅花大鼓)";var t0_9_11 = "袁阔成,闫学晶(二人转)";var t0_9_12 = "朱时茂,周炜,张文泽,张秋萍(京韵大鼓),张建珍(苏州评弹),张文甫(快板)";var t0_10 = "C,D,H,J,L,M,S,T,W,X,Y,Z";var t0_10_0 = "常秋月,蔡正仁(昆剧),迟小秋";var t0_10_1 = "杜镇杰";var t0_10_2 = "胡文阁,胡娉,韩再芬,何超(桂剧),史依弘(京剧)";var t0_10_3 = "蒋建国,蒋文端(粤剧)";var t0_10_4 = "李胜素,李娟,林为林,栗桂莲,李桂英(锡剧),李佩红(京),李政成(扬剧),李金枝(豫剧)";var t0_10_5 = "马兰,茅威涛(越剧),马友仙(秦腔)";var t0_10_6 = "舒锦霞,孙存蝶";var t0_10_7 = "谭建勋,陶慧敏";var t0_10_8 = "王蓉蓉,王珍如,王?瑜,汪世瑜,王书龙(淮剧)";var t0_10_9 = "谢涛(晋剧),许荷英(河北梆子)";var t0_10_10 = "叶少兰,于魁智,岳美缇";var t0_10_11 = "张火丁,张志红,张琳,曾昭娟,赵殊珠,周源源,郑桂芳(评剧),袁慧琴(京),张静娴(昆剧),张铭荣(昆剧)";var t0_11 = "C,D,F,G,H,J,K,L,M,N,T,W,X,Y,Z";var t0_11_0 = "陈凯歌,陈可辛,陈嘉上";var t0_11_1 = "杜琪峰,董志强";var t0_11_2 = "冯小刚,冯小宁";var t0_11_3 = "高希希,管虎,顾长卫,关锦鹏";var t0_11_4 = "何平,胡玫,黄健中,阚卫平";var t0_11_5 = "姜文";var t0_11_6 = "孔笙,康红雷";var t0_11_7 = "李安,陆川,刘伟强,刘镇伟,李少红,李玉";var t0_11_8 = "孟京辉,马俪文";var t0_11_9 = "宁浩,赖声川";var t0_11_10 = "田壮壮,田有良,滕华涛,唐季礼";var t0_11_11 = "吴宇森,吴天明,王小帅,王家卫,王晶,王岳伦,吴子牛";var t0_11_12 = "徐克,谢晋";var t0_11_13 = "尤小刚,杨亚洲";var t0_11_14 = "张艺谋,张元,贾樟柯,张建亚,张建栋,庄宇新,赵宝刚,张艾嘉";var t0_12 = "A,B,C,D,F,G,H,J,K,L,N,O,S,W,X,Y,Z";var t0_12_0 = "阿丘(邱孟煌),敖峥嵘";var t0_12_1 = "毕福剑,白岩松";var t0_12_2 = "曹景行,崔永元,曹可凡,陈鲁豫,陈蔚波";var t0_12_3 = "窦文涛,戴军,董路,董卿";var t0_12_4 = "方宏进,方琼";var t0_12_5 = "高博,高潮东,郭红梅,高越男";var t0_12_6 = "胡瓜,黄安,韩乔生,何炅,候佩岑,海霞,胡红梅,韩娇,霍斌";var t0_12_7 = "敬一丹,金霞,金燕";var t0_12_8 = "康辉,寇乃馨,柯蓝,孔杰";var t0_12_9 = "李咏,罗京,梁永斌,鲁健,刘建宏,郎永淳,骆新,刘仪伟,林海,李瑞英,李修平,李小萌,刘纯燕,李梓萌,李湘,李洁,林爽,刘玲华,李彦,刘文蓉,李源,蓝心湄";var t0_12_10 = "聂一菁,宁远";var t0_12_11 = "欧阳夏丹";var t0_12_12 = "沈冰,宋力锦,孙妮娜,撒贝宁,孙正平,水均益,桑朝晖,史超";var t0_12_13 = "吴宗宪,吴佩慈,吴小莉,王世林,王业,汪涵,文静,王小丫,王小骞,汪文华";var t0_12_14 = "邢质斌,徐春妮,徐滔,向真,谢娜,许戈辉";var t0_12_15 = "姚长盛,杨澜,应敏";var t0_12_16 = "张宏民,张韶刚,张羽,朱军,赵普,张斌,周学,张泉灵,周洁,张璐 ,张璐,张莉,周静,朱丹";var t0_13 = "A,B,C,D,F,G,H,J,L,M,N,P,S,T,W,X,Y,Z";var t0_13_0 = "安雅,阿木";var t0_13_1 = "白冰,班嘉佳,白歆惠";var t0_13_2 = "陈意涵,陈紫函,陈曦,陈楚生,曹方,曹曦文,曹格,车永莉,车晓";var t0_13_3 = "董璇,邓丽欣,窦智孔";var t0_13_4 = "符馨尹,冯绍峰,房祖名,付辛博";var t0_13_5 = "高云翔";var t0_13_6 = "哈辉,何琢言,海鸣威,韩庚,何苗";var t0_13_7 = "吉杰,蒋欣,景甜,井柏然,江一燕,金莎";var t0_13_8 = "刘芸,李菲儿,李念,李玉刚,吕一,厉娜,李旭丹,林宥嘉,刘威葳,林妙可,吕玉来,林申,立威廉";var t0_13_9 = "马天宇";var t0_13_10 = "牛萌萌";var t0_13_11 = "蒲巴甲,潘阳";var t0_13_12 = "石爻,孙琳,沈佳妮,苏醒,沈鹤(小沈阳)";var t0_13_13 = "童瑶,田原,唐一菲,涂松岩,谭维维,唐嫣,唐宁,汤唯,涂圣成";var t0_13_14 = "吴樾,魏晨,武嘉辉,文章,王子文,王珞丹,王宝强";var t0_13_15 = "徐菁遥,许飞,熊汝霖,萧敬腾,徐筠,谢婷婷,希亚";var t0_13_16 = "姚笛,姚芊羽,杨程程,于小磊,杨紫,袁文康,袁弘,杨洋(男),晏菲";var t0_13_17 = "张雨绮,郑欣宜,钟萱,邹宗胜,朱铁,张杰,朱亚文,周一围,张峻宁,张一山,扎西顿珠,张默,朱雨辰";$(function() {var myselect1Array = t0.split(",");for(var i = 0 ; i < myselect1Array.length ; i++) {$("#myselect1").append("<option value='t0_" + i + "'>" + myselect1Array[i] + "</option>");}$("#myselect1").change(function() {$("#myselect2").html("<option>请选择演员首字母</option>");var myselect2Array = eval($(this).val()).split(",");for(var i = 0 ; i < myselect2Array.length ; i++) {$("#myselect2").append("<option value='" + $(this).val() + "_" + i + "'>" + myselect2Array[i] + "</option>");}});$("#myselect2").change(function() {$("#myselect3").html("<option>请选择具体演员</option>");var myselect3Array = eval($(this).val()).split(",");for(var i = 0 ; i < myselect3Array.length ; i++) {$("#myselect3").append("<option value='" + myselect3Array[i] + "'>" + myselect3Array[i] + "</option>");} });});</script><style>select#myselect1,#myselect2,#myselect3 {width: 120px;}</style></head><body><form method="post" action="getValue.jsp"><select id="myselect1"><option>请选择演员类型</option></select><select id="myselect2"><option>请选择演员首字母</option></select><select id="myselect3" name = "actorName"><option>请选择具体演员</option></select><br /><button type="submit"/>提交</button></form></body>
</html>
现在使用原生javascript重新实现。
<%@page contentType="text/html;charset=utf-8" pageEncoding="utf-8" %>
<html><head><script type="text/javascript">var t0 = "内地女演员,内地男演员,港台女演员,港台男演员,内地女歌手,内地男歌手,港台女歌手,港台男歌手,舞蹈演员,曲艺演员,戏剧演员,导演,主持人,新人"; var t0_0 = "C,D,F,G,H,J,L,M,N,Q,S,T,W,X,Y,Z"; var t0_0_0 = "陈小艺,陈好,陈数,陈冲,蔡明"; var t0_0_1 = "董洁,邓婕"; var t0_0_2 = "范冰冰"; var t0_0_3 = "高圆圆,巩俐"; var t0_0_4 = "何琳,黄奕,黄圣依,韩雪,何赛飞"; var t0_0_5 = "蒋勤勤,蒋雯丽,金巧巧"; var t0_0_6 = "李小冉,刘晓庆,刘亦菲,刘孜,吕丽萍,李冰冰,李小璐"; var t0_0_7 = "马伊利,梅婷,苗圃"; var t0_0_8 = "宁静,牛莉,倪虹洁,倪萍"; var t0_0_9 = "秦岚,秦海璐"; var t0_0_10 = "舒畅,孙俪,沈傲君,宋佳(小),孙菲菲,斯琴高娃,萨日娜,宋丹丹"; var t0_0_11 = "陶红,陶虹(小),童蕾"; var t0_0_12 = "王姬,王茜,王雅捷"; var t0_0_13 = "奚美娟,徐帆,徐静蕾,许晴,薛佳凝"; var t0_0_14 = "杨若兮,杨童舒,袁立,袁泉,闫妮,颜丙燕,余男,姚晨,殷桃,原华"; var t0_0_15 = "曾黎,张静初,章子怡,赵薇,周迅,朱媛媛,左小青,赵子琪(原名赵琳),张嘉倪"; var t0_1 = "B,C,D,F,G,H,J,L,M,N,P,R,S,T,W,X,Y,Z"; var t0_1_0 = "保剑锋"; var t0_1_1 = "陈宝国,陈道明,陈坤,陈建斌"; var t0_1_2 = "邓超,段奕宏,杜淳"; var t0_1_3 = "冯远征,富大龙,范伟"; var t0_1_4 = "葛优,郭涛,耿乐"; var t0_1_5 = "胡军,黄海冰,黄晓明,黄磊,黄觉,黄渤,黄海波,胡歌,侯勇"; var t0_1_6 = "贾一平,姜武"; var t0_1_7 = "李连杰,李雪健,李幼斌,刘威,刘烨,柳云龙,李保田,六小龄童,陆毅,李亚鹏,梁冠华,刘佩琦,林永健,李成儒"; var t0_1_8 = "马跃"; var t0_1_9 = "聂远"; var t0_1_10 = "潘粤明,濮存昕"; var t0_1_11 = "任程伟"; var t0_1_12 = "沙溢,孙红雷,孙海英,孙淳"; var t0_1_13 = "佟大为,唐国强,陶泽如"; var t0_1_14 = "王学兵,王志文,王刚,王新军,巫刚"; var t0_1_15 = "徐峥,夏雨"; var t0_1_16 = "尤勇,杨立新,严宽,于小伟"; var t0_1_17 = "张丰毅,张国立,张铁林,张涵予,张国强,赵毅,周杰,赵本山"; var t0_2 = "A,C,D,G,H,J,L,S,T,W,X,Y,Z"; var t0_2_0 = "安以轩"; var t0_2_1 = "蔡卓妍,陈乔恩"; var t0_2_2 = "邓萃雯"; var t0_2_3 = "归亚蕾,郭可盈,官恩娜,桂纶镁"; var t0_2_4 = "胡杏儿"; var t0_2_5 = "贾静雯"; var t0_2_6 = "黎姿,林熙蕾,林心如,李嘉欣,刘嘉玲,梁洛施,林嘉欣,廖碧儿"; var t0_2_7 = "舒淇,佘诗曼"; var t0_2_8 = "滕丽名"; var t0_2_9 = "王思懿"; var t0_2_10 = "薛凯琪,徐熙媛,徐若?,徐子珊,宣萱"; var t0_2_11 = "叶璇,应采儿,袁咏仪,伊能静,杨恭如"; var t0_2_12 = "张曼玉,张柏芝,赵雅芝,钟欣桐,郑秀文,朱茵,周慧敏,周丽淇,钟嘉欣,钟丽缇,周海媚"; var t0_3 = "C,D,F,G,H,J,L,M,O,R,S,T,W,X,Y,Z"; var t0_3_0 = "成龙,陈浩民,陈豪,陈小春,陈冠希"; var t0_3_1 = "杜汶泽"; var t0_3_2 = "方中信"; var t0_3_3 = "古天乐,郭富城"; var t0_3_4 = "黄维德,黄宗泽,贺军翔,黄秋生,霍建华,何润东"; var t0_3_5 = "金城武,焦恩俊"; var t0_3_6 = "林志颖,梁朝伟,林保怡,刘德华,林峰,林子聪,黎明,刘青云,梁家辉,罗家英"; var t0_3_7 = "马浚伟,明道,马景涛"; var t0_3_8 = "欧阳震华"; var t0_3_9 = "任达华,任贤齐,阮经天"; var t0_3_10 = "苏有朋"; var t0_3_11 = "谭耀文"; var t0_3_12 = "吴彦祖,吴镇宇,吴卓羲,王绍伟,吴奇隆,吴尊"; var t0_3_13 = "徐少强,谢霆锋,许绍洋"; var t0_3_14 = "余文乐,言承旭"; var t0_3_15 = "曾志伟,张智霖,张震,郑元畅,郑少秋,周润发,周星驰,甄子丹,周渝民,钟汉良,郑伊健,郑中基"; var t0_4 = "A,B,C,H,J,L,M,N,S,T,W,Z"; var t0_4_0 = "阿朵,爱戴"; var t0_4_1 = "白雪"; var t0_4_2 = "陈琳,陈思思"; var t0_4_3 = "韩红,何洁"; var t0_4_4 = "金海心"; var t0_4_5 = "李慧珍,李宇春,吕薇"; var t0_4_6 = "毛阿敏,梦鸽,麦穗"; var t0_4_7 = "那英"; var t0_4_8 = "斯琴格日乐,宋祖英,孙悦"; var t0_4_9 = "谭晶,汤灿"; var t0_4_10 = "王蓉,韦唯"; var t0_4_11 = "张靓颖,周笔畅,朱哲琴,曾格格,祖海"; var t0_5 = "A,C,D,F,G,H,L,M,P,S,T,W,X,Y,Z"; var t0_5_0 = "阿宝"; var t0_5_1 = "崔建"; var t0_5_2 = "戴玉强,刀郎"; var t0_5_3 = "冯晓泉"; var t0_5_4 = "郭峰"; var t0_5_5 = "黄征,韩磊,胡彦斌"; var t0_5_6 = "林依伦,罗中旭,刘欢"; var t0_5_7 = "满文军"; var t0_5_8 = "朴树,庞龙"; var t0_5_9 = "孙楠"; var t0_5_10 = "腾格尔,屠洪刚"; var t0_5_11 = "汪峰"; var t0_5_12 = "许巍,小柯"; var t0_5_13 = "阎维文,杨坤,杨臣刚,羽?泉"; var t0_5_14 = "郑钧,张敬轩,郑源,臧天朔"; var t0_6 = "C,F,H,L,M,Q,R,S,W,X,Y,Z"; var t0_6_0 = "蔡健雅,蔡琴,蔡依林,陈慧琳,陈绮贞"; var t0_6_1 = "范玮琪"; var t0_6_2 = "黄伊汶,何韵诗"; var t0_6_3 = "李玟,梁咏琪,刘若英,梁静茹,林忆莲"; var t0_6_4 = "莫文蔚"; var t0_6_5 = "齐豫"; var t0_6_6 = "容祖儿"; var t0_6_7 = "孙燕姿,S.H.E"; var t0_6_8 = "王菲,王心凌,王若琳"; var t0_6_9 = "萧亚轩,许慧欣"; var t0_6_10 = "杨丞琳,杨千?"; var t0_6_11 = "张韶涵,张惠妹"; var t0_7 = "A,C,F,G,H,L,P,Q,T,W,Y,Z"; var t0_7_0 = "阿杜,阿信"; var t0_7_1 = "陈奕迅,侧田"; var t0_7_2 = "费玉清,飞轮海"; var t0_7_3 = "古巨基,光良"; var t0_7_4 = "黄立行"; var t0_7_5 = "林俊杰,罗志祥,罗大佑"; var t0_7_6 = "潘玮柏,品冠"; var t0_7_7 = "齐秦"; var t0_7_8 = "陶?"; var t0_7_9 = "王力宏,巫启贤,吴健豪,吴克群,五月天"; var t0_7_10 = "杨宗纬"; var t0_7_11 = "张信哲,张学友,周华健,周杰伦,周传雄,张栋梁,张震岳"; var t0_8 = "D,H,J,L,M,S,T,X,Y,Z"; var t0_8_0 = "刀美兰"; var t0_8_1 = "黄豆豆"; var t0_8_2 = "季萍萍,金星"; var t0_8_3 = "吕萌,罗君,刘岩"; var t0_8_4 = "马秋萍"; var t0_8_5 = "山?,孙杰"; var t0_8_6 = "谭元元,汤加丽,邰丽华"; var t0_8_7 = "虾嘎"; var t0_8_8 = "杨丽萍,杨扬,殷硕"; var t0_8_9 = "朱妍,张剑"; var t0_9 = "C,D,F,G,H,L,N,P,S,T,W,Y,Z"; var t0_9_0 = "陈佩斯"; var t0_9_1 = "大兵"; var t0_9_2 = "冯巩"; var t0_9_3 = "郭德纲,巩汉林,郭达,郭冬临,郭秋林(山东快书)"; var t0_9_4 = "黄宏,侯耀华"; var t0_9_5 = "李琦,李金斗"; var t0_9_6 = "牛群"; var t0_9_7 = "潘长江"; var t0_9_8 = "单田芳"; var t0_9_9 = "唐杰忠,田连元"; var t0_9_10 = "魏积安,王莉(京韵大鼓),王淑玲(梅花大鼓)"; var t0_9_11 = "袁阔成,闫学晶(二人转)"; var t0_9_12 = "朱时茂,周炜,张文泽,张秋萍(京韵大鼓),张建珍(苏州评弹),张文甫(快板)"; var t0_10 = "C,D,H,J,L,M,S,T,W,X,Y,Z"; var t0_10_0 = "常秋月,蔡正仁(昆剧),迟小秋"; var t0_10_1 = "杜镇杰"; var t0_10_2 = "胡文阁,胡娉,韩再芬,何超(桂剧),史依弘(京剧)"; var t0_10_3 = "蒋建国,蒋文端(粤剧)"; var t0_10_4 = "李胜素,李娟,林为林,栗桂莲,李桂英(锡剧),李佩红(京),李政成(扬剧),李金枝(豫剧)"; var t0_10_5 = "马兰,茅威涛(越剧),马友仙(秦腔)"; var t0_10_6 = "舒锦霞,孙存蝶"; var t0_10_7 = "谭建勋,陶慧敏"; var t0_10_8 = "王蓉蓉,王珍如,王?瑜,汪世瑜,王书龙(淮剧)"; var t0_10_9 = "谢涛(晋剧),许荷英(河北梆子)"; var t0_10_10 = "叶少兰,于魁智,岳美缇"; var t0_10_11 = "张火丁,张志红,张琳,曾昭娟,赵殊珠,周源源,郑桂芳(评剧),袁慧琴(京),张静娴(昆剧),张铭荣(昆剧)"; var t0_11 = "C,D,F,G,H,J,K,L,M,N,T,W,X,Y,Z"; var t0_11_0 = "陈凯歌,陈可辛,陈嘉上"; var t0_11_1 = "杜琪峰,董志强"; var t0_11_2 = "冯小刚,冯小宁"; var t0_11_3 = "高希希,管虎,顾长卫,关锦鹏"; var t0_11_4 = "何平,胡玫,黄健中,阚卫平"; var t0_11_5 = "姜文"; var t0_11_6 = "孔笙,康红雷"; var t0_11_7 = "李安,陆川,刘伟强,刘镇伟,李少红,李玉"; var t0_11_8 = "孟京辉,马俪文"; var t0_11_9 = "宁浩,赖声川"; var t0_11_10 = "田壮壮,田有良,滕华涛,唐季礼"; var t0_11_11 = "吴宇森,吴天明,王小帅,王家卫,王晶,王岳伦,吴子牛"; var t0_11_12 = "徐克,谢晋"; var t0_11_13 = "尤小刚,杨亚洲"; var t0_11_14 = "张艺谋,张元,贾樟柯,张建亚,张建栋,庄宇新,赵宝刚,张艾嘉"; var t0_12 = "A,B,C,D,F,G,H,J,K,L,N,O,S,W,X,Y,Z"; var t0_12_0 = "阿丘(邱孟煌),敖峥嵘"; var t0_12_1 = "毕福剑,白岩松"; var t0_12_2 = "曹景行,崔永元,曹可凡,陈鲁豫,陈蔚波"; var t0_12_3 = "窦文涛,戴军,董路,董卿"; var t0_12_4 = "方宏进,方琼"; var t0_12_5 = "高博,高潮东,郭红梅,高越男"; var t0_12_6 = "胡瓜,黄安,韩乔生,何炅,候佩岑,海霞,胡红梅,韩娇,霍斌"; var t0_12_7 = "敬一丹,金霞,金燕"; var t0_12_8 = "康辉,寇乃馨,柯蓝,孔杰"; var t0_12_9 = "李咏,罗京,梁永斌,鲁健,刘建宏,郎永淳,骆新,刘仪伟,林海,李瑞英,李修平,李小萌,刘纯燕,李梓萌,李湘,李洁,林爽,刘玲华,李彦,刘文蓉,李源,蓝心湄"; var t0_12_10 = "聂一菁,宁远"; var t0_12_11 = "欧阳夏丹"; var t0_12_12 = "沈冰,宋力锦,孙妮娜,撒贝宁,孙正平,水均益,桑朝晖,史超"; var t0_12_13 = "吴宗宪,吴佩慈,吴小莉,王世林,王业,汪涵,文静,王小丫,王小骞,汪文华"; var t0_12_14 = "邢质斌,徐春妮,徐滔,向真,谢娜,许戈辉"; var t0_12_15 = "姚长盛,杨澜,应敏"; var t0_12_16 = "张宏民,张韶刚,张羽,朱军,赵普,张斌,周学,张泉灵,周洁,张璐 ,张璐,张莉,周静,朱丹"; var t0_13 = "A,B,C,D,F,G,H,J,L,M,N,P,S,T,W,X,Y,Z"; var t0_13_0 = "安雅,阿木"; var t0_13_1 = "白冰,班嘉佳,白歆惠"; var t0_13_2 = "陈意涵,陈紫函,陈曦,陈楚生,曹方,曹曦文,曹格,车永莉,车晓"; var t0_13_3 = "董璇,邓丽欣,窦智孔"; var t0_13_4 = "符馨尹,冯绍峰,房祖名,付辛博"; var t0_13_5 = "高云翔"; var t0_13_6 = "哈辉,何琢言,海鸣威,韩庚,何苗"; var t0_13_7 = "吉杰,蒋欣,景甜,井柏然,江一燕,金莎"; var t0_13_8 = "刘芸,李菲儿,李念,李玉刚,吕一,厉娜,李旭丹,林宥嘉,刘威葳,林妙可,吕玉来,林申,立威廉"; var t0_13_9 = "马天宇"; var t0_13_10 = "牛萌萌"; var t0_13_11 = "蒲巴甲,潘阳"; var t0_13_12 = "石爻,孙琳,沈佳妮,苏醒,沈鹤(小沈阳)"; var t0_13_13 = "童瑶,田原,唐一菲,涂松岩,谭维维,唐嫣,唐宁,汤唯,涂圣成"; var t0_13_14 = "吴樾,魏晨,武嘉辉,文章,王子文,王珞丹,王宝强"; var t0_13_15 = "徐菁遥,许飞,熊汝霖,萧敬腾,徐筠,谢婷婷,希亚"; var t0_13_16 = "姚笛,姚芊羽,杨程程,于小磊,杨紫,袁文康,袁弘,杨洋(男),晏菲"; var t0_13_17 = "张雨绮,郑欣宜,钟萱,邹宗胜,朱铁,张杰,朱亚文,周一围,张峻宁,张一山,扎西顿珠,张默,朱雨辰";window.onload = function() {var allActorTypes = t0.split(",");actorType.options.length = allActorTypes.length + 1;for(var i = 0 ; i < allActorTypes.length ; i++) {actorType.options[i + 1].text = allActorTypes[i];actorType.options[i + 1].value = "t0_" + i;}actorType.onchange = function() {var tmpFirstLetter = eval(actorType.value).split(",");actorFirstLetter.options.length = tmpFirstLetter.length + 1;for(var i = 0 ; i < tmpFirstLetter.length ; i++) {actorFirstLetter.options[i + 1].text = tmpFirstLetter[i];actorFirstLetter.options[i + 1].value = actorType.value + "_" + i;}};actorFirstLetter.onchange = function() {var tmpFullName = eval(actorFirstLetter.value).split(",");actorFullName.options.length = tmpFullName.length + 1;for(var i = 0 ; i < tmpFullName.length ; i++) {actorFullName.options[i + 1].text = tmpFullName[i];actorFullName.options[i + 1].value = tmpFullName[i];}};}; </script></head><body><select id="actorType"><option value="">请选择演员类型</option></select><select id="actorFirstLetter"><option value="">请选择演员首字母</option></select><select id="actorFullName"><option value="">请选择演员全名</option></select> </body>
</html>
演员选择框三级联动(原生javascript和jquery实现)相关推荐
- 使用React实现选择城市三级联动组件
以下代码是初期写的代码,后来对代码进行优化,解决了初期的bug.完整的选择城市三级联动组件可以参考我的github项目中的代码,这是后期调试成功上传上去的React选择城市三级联动组件 <Sel ...
- 原生javascript取代jquery的一些方法(jQuery-free)
转自:http://www.qingdou.me/2687.html jQuery是最流行的JavaScript工具库.据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用j ...
- 【Ajax Servlet JSP MySQL】Ajax实现省份地区选择:三级联动
三级联动效果展示 环境 Eclipse for Java EE MySQL数据库 相关使用语言 Java(Java,Servlet后台处理) Web(HTML,CSS,JS,JSON,GSON.JS与 ...
- layui 下拉框三级联动
项目需要用layui的三级联动,自己瞎整了一下,做个记录 1.表结构设计 CREATE TABLE `dt_area` ( `id` int(11) NOT NULL AUTO_INCREMENT ...
- 腾讯地图城市选择插件-三级联动
城市数据来自于腾讯地图- 腾讯地图api http://lbs.qq.com/webservice_v1/guide-region.html 1.设计思路 1.因为是传城市ID获取下级城市数据-所以这 ...
- 下拉框三级联动,数据库动态获取数据(springboot+ajax+html+mybatis)
效果展示 数据库设计 第一级数据库设计 第二级数据库设计 第三级数据库设计 都使用code来链接上一级!!! 前端 <select id="petType" name=&qu ...
- 原生JavaScript实现jQuery中的slideUp和slideDown滑动效果
参考文章:用原生JavaScript写出类似jQuery中slideUp和slideDown效果_johnworks的博客-CSDN博客 作者:johnworks 目录 一.前言 二.第一次尝试 ...
- Vue使用distpicker插件实现省市级下拉框三级联动
前言 这几天做项目,想着用一个全国省市区插件,之前就知道有几种,比如通过JSON文件生成对应的区域下拉框,element-china-are插件,包括distpicker插件 今天主要介绍的是如何使用 ...
- html时间框自动更新,原生javascript实现自动更新的时间日期
能够动态变化的事物总比静态的更能够吸引人,甚至更有实用效果,比如能够自动变化的时间日期效果就是如此,下面就通过代码实例介绍一下如何实现此效果,代码实例如下: 一.具体代码 脚本之家 var t = n ...
最新文章
- 网关 0.0.0.0_久违的升级——全新米家智能多模网关
- 存储过程学习笔记(SQL数据库
- 电子商务平台支付接口开发原理及流程
- 【机器学习基础】关于Scikit-Learn,你不一定知道的10件事
- socket编程中常见的概念问题!
- C/C++中ASCII与Unicode字符串相互转换
- 【docker】第三节:nginx通过外部无法访问的情况解决方法。
- 吴恩达《机器学习》第七章:正则化
- jQuery中兄弟元素、子元素和父元素的获取
- Tina-TI 电路仿真 多参数交流传输特性分析 频率与相位增益的关系 选择控制对象
- sqlinesdata教程_oracle数据库中的表如何能够导入到mysql中?
- 乌班图(Ubuntu 16.04)系统安装简述
- 常用汇编指令大全(有注释)
- win10如何录制内部声音(非麦克风录音)
- python输入一段英文_编写程序,用户输入一段英文,然后输出这段英文中所有长度为 3 个字母的单词。_学小易找答案...
- CTF训练(密码学)——Atbash Cipher
- 喜马拉雅xm格式转化mp3_MTS视频格式转化
- vue3监听网页窗口关闭
- mysql5.5免安装版教程_Mysql5.5 免安装版配置步骤
- 小区安装人脸识别系统,先回答五大安全问题
热门文章
- 解决手机连接不上电脑开的热点问题
- 关于曲面方程的法向量的求法
- DEDE5.7SP1 添加栏目图片 并且标签调用
- NFT细分赛道分类及代表项目汇总
- CCF- CSP 202012-5星际旅行 80分骗分题解
- 吴恩达Coursera深度学习课程 DeepLearning.ai 编程作业——Convolution model:step by step and application (4.1)
- 基于射频RFID智能刷卡门禁系统设计(毕设课设)
- 俞敏洪老师的回复真的太糟糕了!
- 【分析笔记】全志平台 TWI 上拉电压异常的问题
- Newtonsoft.Json取json字符串中的值得用法 这里是取的时候