Essayer de créer une zone de liste déroulante à 6 niveaux qui utilise JSON sur le backend

Question

J'ai regardé beaucoup de zones de liste déroulante, mais je n'ai pas encore vu une qui utilise JSON sur le backend ou un qui est plus de six champs. J'essayais d'utiliser http://www.appelsiini.net/2010/jquery-chained-selects en tant que ressource mais je suis ayant des problèmes pour implémenter JSON au backend. Est-ce que quelqu'un voudrait me donner une main?

Answer 1

< p class = "notice" > < select id = "forGender" > < de valeur d'option = "" > - < option/> < option value = "m" > gars < option/> < option value = "f" > filles < option/> </sélectionner >

< select disabled = "" id = "DisplayType" > < valeur option = "" > - < option/> </sélectionnez > < sélectionnez Désactivé = "" id = "matériel" > < valeur option = "" > - < option/> </sélectionnez > < sélectionnez désactivé = "" id = "color" > < option value = "" > - < option/> </select > < sélectionnez Désactivé = "" id = "prix" > < option value = "" > - < option/> </sélectionner > < sélectionnez Désactivé = "" id = "custom" > < valeur option = "" > - - </option > </select > $ (function() { $ ("# displayType") .chained ("# gender");
$ ("# band < aterial") .chained ("# displayType"); $ ("# color"). Chained ("# bandMaterial"); $ ("# caseDiameter"). Chaîné ("# color"); $ ("# bandWidth") .chained ("# caseDiameter"); $ ("# keywords"). Chained ("# bandWidth"); }); </script > </p >

JSON

{ "idName": "The Time Teller", "forGender": "m", "DisplayType": "analogique", "bandType": "plastique", "CaseDiameter": 1,5, "CaseThickness": 0,5, "bande passante": 0,78, "éléments": [{ "color1": "blanc", "color2": "none", "prix": 59.99, "chat": "29400", "img": "155320-0002-avant", "sku": 155411 }, { "color1": "bleu", "couleur2": " none " "prix": 59,99, "chat": "32579", "img": "155411-0005-avant", "sku": 160041 }, { "color1":" noir », "couleur2": "rose", "prix": 59,99, "chat": "38404", "img": "160041-0001-avant", "sku": 155320 } ], "specialInformation": { "restrictions": "Disponible pour les clients américains seulement", "détails": [ "3 aiguilles mouvement quartz japonais", "100 mètres boîtier moulé en polycarbonate", "Cristal minéral trempé.", "Boucle de verrouillage et boucle en polycarbonate." ], "desc": "La montre The Time Teller de Nixon conserve sa simplicité avec un étui rigide et une bande de polyuréthane moulée sur mesure." } }