Javascript implementiert unendliche Select-Linkage-Menu_Javascript-Fähigkeiten

Der Code ist sehr einfach. Hier empfehle ich hauptsächlich die Implementierungsideen dieses Codes, der einzigartig ist.

Geben Sie den Code an:

Code kopieren Der Code lautet wie folgt: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> http://www.w3.org/1999/xhtml "> Selects *{font-size:14px;} select{height:20px;font-size:12px;} 2级联动

3级联动

4级联动

5级联动

//============================================= === ================================================ === =========================== window.onload = function(){ var data=[{"txt":"Race humaine","menu":[{"txt":"Arch Mage","menu":[{"txt":"Compétences de Dafa","menu":[{ " txt":"Élément Eau","menu":[{"txt":"Invocation"},{"txt":"Attaque perçante"},{"txt":"Très bonne chose"}]},{ "txt": Blizzard, "menu": [{"txt": "Attaque magique"}, {"txt": "Dégâts de zone"}, {"txt": "Très beau"}, {"txt" :"Peut être interrompu"}]},{"txt":"Halo brillant"},{"txt":"Téléportation"}]},{"txt":"Description du héros","menu":[ {" txt":"Héros du renseignement"},{"txt":"Aura puissante"},{"txt":"Auxiliaire"},]}]},{"txt":"Roi de la Colline", "menu" :[{"txt":"Hill Skill","menu":[{"txt":"Storm Hammer"},{"txt":"Cône"},{"txt":" Cone Halo"},{ "txt": "Dieu descend sur terre"}]},{"txt": "Description du héros", "menu": [{"txt": "Power Hero"}, {"txt": "Capacité de mise à mort instantanée" },{"txt":"Très court"},{"txt":"Grande compétence"}]}]},{"txt":"Paladin","menu":[{" txt":"Compétences du Paladin ","menu":[{"txt":"Lumière"},{"txt":"Invincible"},{"txt":"Halo"},{"txt":"Résurrection"}]},{ "txt": "Description du héros", "menu": [{"txt": "Power Hero"}, {"txt": "Héros auxiliaire"}, {"txt": "Nom personnel de la nounou"}]}] },{"txt":"Mage de sang","menu":[{"txt":"Compétences de mage de sang","menu":[{"txt":"Flamme"},{ "txt":"Suck Bleu"},{"txt":"Néant"},{"txt":"Magic Bird Phoenix"}]},{"txt":"Description du héros","menu":[{ "txt":"Intelligence Héros"},{"txt":"Héros auxiliaire"},{"txt":"Très beau"}]}]}]},{"txt":"Orque", "menu":[{"txt" :"Bad Saint","menu":[{"txt":"Compétences de Bad Saint","menu":[{"txt":"Pas de vent"},{"txt ":"Clone de l'ombre"},{ "txt": "Critical Strike"}, {"txt": "Blade Storm"}]}, {"txt": "Description du héros", "menu": [{ "txt": "Agile hero"},{ "txt": "Héros à haute attaque"}, {"txt": "Tuer et voler des biens"}, {"txt": "Obscène et invincible"}, {"txt": "Très puissant"}]}]} ,{"txt":"Prophète Homme","menu":[{"txt":"Compétences de prophète","menu":[{"txt":"Loup"},{" txt":"日"} ,{"txt":"Chaîne de foudre"},{"txt":"Tremblement de terre"}]},{"txt":"Description du héros","menu":[{"txt" :"Héros du renseignement"}, {"txt":"Héros du harcèlement"}]}]},{"txt":"Chef Tauren","menu":[{"txt":"Compétences Tauren","menu ":[{"txt": "Shock Wave"},{"txt":"Position"},{"txt":"Durable Halo"},{"txt":"Resurrection"}]},{"txt" :"Description du héros"," menu":[{"txt":"Power Hero"},{"txt":"Magie puissante"},{"txt":"Long et puissant"},{"txt" :"Un bouclier humain"}] }]},{"txt":"Petit YY","menu":[{"txt":"Compétence Petit Y","menu":[{"txt":"Changer d'animal"},{"txt" :"Healing Wave"},{"txt":"Petit bâton de serpent"},{"txt":"Tous invincibles"}]},{"txt":"Description du héros", "menu":[{"txt ":"Héros d'agilité"},{"txt":"Magie puissante"},{"txt":"Héros auxiliaire"}]}]}]},{"txt":"Morts-vivants","menu":[ {"txt": "Chevalier de la mort", "menu":[{"txt": "Compétences du chevalier de la mort", "menu": [{txt:" Shit Tutu"}, {txt: "Evil Aura"},{ txt:"Contrat de mort"},{txt:"Résurrection des morts-vivants"}]},{"txt":"Description du héros","menu":[{txt:"Monter c'est un mouton"},{txt: "Vieillissement prématuré"},{txt:"Frostmourne"},{txt:"Ah Seth"}]}]},{"txt":"Liche" ,"menu":[{"txt":"Compétences de liche" ,"menu":[{txt:"Ice"},{txt:"Ice Armor"},{txt:"Contract"},{txt :"Death and Decay"}]},{"txt":"Héros Description","menu":[{txt:"Porter une jupe"},{txt:"Tous les os"},{txt:"Pas un homme, pas un homme Femme"}]}]},{"txt" :"Dread Lord","menu":[{"txt":"Compétences démoniaques"},{"txt":"Description du héros"}]},{"txt ":"Prince Xiaoqiang","menu":[ {"txt": "Compétences du prince"}, {"txt": "Description du héros"}]}]}]; new Selects($('demo1'),data,["race","hero"]); new Selects($('demo2'),data,["race","hero","introduction"]); new Selects($('demo3'),data,["race","hero","introduction","compétences"]); new Selects($('demo4'),data,["race","hero","introduction","compétence","description de la compétence"]); >

Javascript implementiert unendliche Select-Linkage-Menu_Javascript-Fähigkeiten

In Verbindung stehende Artikel