在JSON / Ajax格式请求上选择2 optgroup组

时间:2016-08-04 09:27:59

标签: jquery json ajax jquery-select2 select2

使用带有JSON / Ajax调用的Select2,我正在尝试创建这样的组:

<optgroup label="Property Reference">
     <option value="1">5742</option> 
     <option value="2">5788</option>
     <option value="3">5762</option>
     <option value="4">5711</option>
</optgroup>

我的问题is not available的文档。

我设法开始工作的格式:

{
    results: [
        {
            id: 'CA',
            text: 'California'
        },
        {
            id: 'CO',
            text: 'Colarado'
        ]
    }
}

但这里没有小组。

关注this question后,我尝试了以下格式:

{
    "results": {
        "text": "Mountain Time Zone",
        "children": [
            {
                "id": "CA",
                "text": "California"
            },
            {
                "id": "CO",
                "text": "Colorado"
            }
        ]
    }
}

{
    "results": {
        "Mountain Time Zone": [
            {
                "id": "CA",
                "text": "California"
            },
            {
                "id": "CO",
                "text": "Colorado"
            }
        ]
    }
}

{
    "Mountain Time Zone": [
        {
            "id": "CA",
            "text": "California"
        },
        {
            "id": "CO",
            "text": "Colorado"
        }
    ]
}

但没有一个正在发挥作用。有谁知道正确的格式是什么?

您可以在此处进行测试:https://jsfiddle.net/5am4zda6/2/

编辑解决:该死的...忘了[]。 正确的格式是:

{
    "results": [
        {
            "text": "Mountain Time Zone",
            "children": [
                {
                    "id": "CA",
                    "text": "California"
                },
                {
                    "id": "CO",
                    "text": "Colarado"
                }
            ]
        }
    ]
}

2 个答案:

答案 0 :(得分:4)

试试这样:

{
    "results": [
        {
            "text": "Groupe 1",
            "children": [
                {
                    "id": "CA",
                    "text": "California"
                },
                {
                    "id": "CO",
                    "text": "Colarado"
                }
            ]
        },
        {
            "text": "Groupe 2",
            "children": [
                {
                    "id": "CA",
                    "text": "California"
                },
                {
                    "id": "CO",
                    "text": "Colarado"
                }
            ]
        }
    ]
}

我认为你在“结果”

之后忘了[ juste

答案 1 :(得分:0)

我之前没有尝试过此插件,但在查看您提到的相关问题后,请尝试通过“data”更改“result”索引像这样:

{
    "data" : {
        'text': 'Mountain Time Zone',
        'children': [
          {
            'id': 'CA',
            'text': 'California'
          },
          {
            'id': 'CO',
            'text': 'Colorado'
          }
        ]
    }
}

但如果你能为我们提供一个有用的工作,那会更好。