使用jQuery和Json来填充级联选择菜单

Question

我有一个要求，在层叠菜单三层显示数据，所有数据都通过jsonp（跨域问题）填充。只会有一个jsonp文件（每个子菜单不分开）。此外，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

好运