Quelle est la meilleure façon de faire un simple parent-enfant déroulant en Javascript pur

Question

Je dois faire une relation déroulante 'Country' -> 'State' rapide et sale sur un formulaire Web. Je ne suis préoccupé que par les États, les provinces et les territoires des États-Unis et du Canada, et ce sera une forme relativement peu utilisée, donc une solution javascript pure est probablement idéale.

Answer 1

Créer un tableau JSON:

array = [ { name: "United States", states: [...] }, { ... } ]; 

Lorsque la valeur des changements de liste déroulante, remplir l'autre menu déroulant avec le contenu de l'élément particulier du tableau.