jQueryとJsonを使用してカスケード選択メニューにデータを入力する

Question

データをすべてカスケード表示する必要があります。すべてのデータがjsonp（クロスドメインの問題）によって読み込まれます。 jsonpファイルは1つだけです（サブメニューごとに別々のファイルではありません）。さらに、jsonpは、それぞれの連続した選択変更によってトリガーされるのではなく、一度ロードすることができます。

親の選択に基づいて取得したデータをどのようにフィルタリングするかを考えて、jQueryに苦労しています。以下は、私がこれまで持っているものです。

HTML

<select id="typeFilter"> 
    <option value="" /> 
</select> 
<select id="typeFilter"> 
    <option value="" /> 
</select> 
<select id="userFilter"> 
    <option value="" /> 
</select> 

JSON

{"filters": { 
    "productFilter": { 
     "prod1": "Product 1", 
     "prod2": "Product 2", 
     "prod3": "Product 3", 
    }, 
    "typeFilter": { 
     "type1": 
      { 
       "Type 1": [ 
        "subtype1": "Sub Type 1", 
        "subtype2": 
         { 
          "Sub Type 2" : [ 
           "subSubtype1": "Sub-Sub Type 1", 
           "subSubtype2": "Sub-Sub Type 2", 
           "subSubtype3": "Sub-Sub Type 3"  
          ] 
         }, 
        "subtype3": "Sub Type 3", 
       ] 
      }, 
     "type2": "Type 2", 
     "type3": "Type 3", 
    }, 
    "userFilter": { 
     "user1": "user 1", 
     "user2": "user 2", 
     "user3": "user 3", 
    } 
}} 

jQueryの

...これは私がとのトラブルを抱えている部分です。

Answer 1

JSONを解析しようとしましたか？ Thissはいくつかの非常にシンプルなjQueryの例を使い始めるのに役立ちます

：http://docs.jquery.com/How_jQuery_Works

このページはJSONをパースしてあなたを助ける：あなたは今まで、これはhttp://api.jquery.com/jQuery.parseJSON

幸運