X-Editable 添加分组到下拉菜单答案

【问题标题】：X-Editable Adding Grouping to Drop Down MenuX-Editable 添加分组到下拉菜单
【发布时间】：2020-05-16 18:40:34
【问题描述】：

我使用 X-Editable 制作了一个下拉框。效果很好，但我想添加分组，这就是我遇到问题的地方。

我可以添加名为 Western 的第一组，但每次添加第二组时，代码都会失败。有没有人有添加额外分组和孩子的例子？

$('#booking_data').editable({
container: 'body',
selector: 'td.map5',
url: "update.php",
title: 'Map5',
type: "POST",
dataType: 'json',
source:
[
    {text: "Western", children:
        [
            {value: "T1-Bordeaux", text: "T1-Bordeaux"},
            {value: "T1-Grenoble", text: "T1-Grenoble"},
            {value: "T1-Gronigen", text: "T1-Gronigan"},
            {value: "T1-Le Mans", text: "T1-Le Mans"},
            {value: "T1-Rennes", text: "T1-Rennes"}
        ]
    }
],

validate: function(value){
if($.trim(value) == '')
{
return 'This field is required';
}
}
 });

  This produces this dropdown but I need a group of Central and Eastern too.

Existing Menu

【问题讨论】：

标签： php x-editable

【解决方案1】：

已解决：语法正确需要很长时间，但如果有人对此感兴趣，解决方案是：

source:
[
{text: "Western-T1", children:
    [ 
        {value: "T1-Bordeaux", text: "T1-Bordeaux"},
        {value: "T1-Grenoble", text: "T1-Grenoble"},
        {value: "T1-Gronigen", text: "T1-Gronigan"},
        {value: "T1-Le Mans", text: "T1-Le Mans"},
        {value: "T1-Rennes", text: "T1-Rennes"}
    ]
},
{text: "Central-T1", children:
    [
        {value: "T1-Polask", text: "T1-Polask"},
        {value: "T1-Slutsk", text: "T1-Slutsk"},
        {value: "T1-Kursk", text: "T1-Kursk"},
        {value: "T1-Korocha", text: "T1-Korocha"},
        {value: "T1-Kyiv", text: "T1-Kyiv"}
    ]
},
 {text: "Eastern-T1", children:
    [
        {value: "T1-Sovietsk", text: "T1-Sovietsk"},
        {value: "T1-Urzhum", text: "T1-Urzhum"},
        {value: "T1-Kostroma", text: "T1-Kostroma"},
        {value: "T1-Yelnat", text: "T1-Yelnat"},
        {value: "T1-Zhirnov", text: "T1-Zhirnov"}
    ]
},

【讨论】：