Использование jQuery и Json для заполнения каскадных меню выбора - PullRequest
0 голосов
/ 09 февраля 2012

У меня есть требование отображать данные в каскадных меню глубиной три, причем все данные заполняются через 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

... это часть I 'У меня проблемы с.

1 Ответ

0 голосов
/ 09 февраля 2012

Вы пытались разобрать JSON?

Это поможет начать с нескольких очень простых примеров jQuery: http://docs.jquery.com/How_jQuery_Works

Эта страница поможет вам разобрать JSON: http://api.jquery.com/jQuery.parseJSON

Удачи

...