Javascript 使用jquery选择分组选项

我有一个json对象，我正试图使用jquery为其编写一个分组的_选项。 我的json对象如下所示

data = {"01 CONSULT":[["1b Rules","40"]],"02 DEVELOPMENT":[],"03 QUALITY":[],"05 MARKETING":[["5e Research","66"]],"06 MISCELLANEOUS":[["6a Training","69"],["6b Meetings","70"]}

我的下拉列表应该如下所示：

 **01 CONSULT**
   1b Rules
 **02 DEVELOPMENT**
 **03 QUALITY**
 **05 MARKETING**
   5e Research
 **06 MISCELLANEOUS**
   6a Training
   6b Meetings

我的代码目前看起来像这样。我无法在下拉列表中获取父值，因为我正在努力编写带有分组_选项的jquery

  function change(data){
    $("#task_id").empty();
      for(var y in data){
        $("#task_id").append(
        $("<option></option>").attr("value", y).text(data[y]).appendTo("optgroup");
  );

功能更改（数据）{
$（“#任务_id”）.empty（）；
for（数据中的变量y）{
$（“#任务_id”）。追加(
$（“”）.attr（“value”，y）.text（数据[y]）.appendTo（“optgroup”）；
);

} }

---

任何帮助都将不胜感激。谢谢

我不确定这是否是函数中的完整代码，但您没有创建optgroup

var数据={
“01咨询”：[
[“1b规则”，“40”]
],
“02发展”：[]，
“03质量”：[]，
“05营销”：[
[“5e研究”，“66”]
],
“06杂项”：[
[“6a培训”，“69”]，
[“6b次会议”，“70”]
]
};
改变（）；
函数更改（）{
var$select=$（“#任务_id”）；
对于（数据中的d）{
var父代=d；
变量子项=数据[d]；
控制台日志（d）；
变量$optgroup=$（''{
标签：d，
}).appendTo（$select）；
儿童（c）{
var child=数据[d][c]；
$('', {
价值观：儿童，
html:child
}).appendTo（$optgroup）；
}
}
}

---

我不确定这是否是函数中的完整代码，但您没有创建optgroup

var数据={
“01咨询”：[
[“1b规则”，“40”]
],
“02发展”：[]，
“03质量”：[]，
“05营销”：[
[“5e研究”，“66”]
],
“06杂项”：[
[“6a培训”，“69”]，
[“6b次会议”，“70”]
]
};
改变（）；
函数更改（）{
var$select=$（“#任务_id”）；
对于（数据中的d）{
var父代=d；
变量子项=数据[d]；
控制台日志（d）；
变量$optgroup=$（''{
标签：d，
}).appendTo（$select）；
儿童（c）{
var child=数据[d][c]；
$('', {
价值观：儿童，
html:child
}).appendTo（$optgroup）；
}
}
}

---

当前代码没有附加任何optgroup元素。也许你可以这样做：

data={“01 CONSULT”：[“1b规则”，“40”]，“02开发”：[]，“03质量”：[]，“05营销”：[“5e研究”，“66”]，“06杂项”：[“6a培训”，“69”]，[“6b会议”，“70”]]
功能更改（数据）{
变量slct=$（“任务id”）
slct.empty（）
Object.keys（data）.forEach（函数（og）{//对于每个数据键
var optgroup=$（“”，{label:og}）//创建optgroup元素
数据[og].forEach（函数（opt）{//用于每个选项
$（“”，{//创建选项元素
值：opt[1]，
文本：opt[0]
}).appendTo（optgroup）//将选项追加到组
})        
optgroup.appendTo（slct）//追加要选择的组
})
}
更改（数据）

---

当前代码没有附加任何optgroup元素。也许你可以这样做：

data={“01 CONSULT”：[“1b规则”，“40”]，“02开发”：[]，“03质量”：[]，“05营销”：[“5e研究”，“66”]，“06杂项”：[“6a培训”，“69”]，[“6b会议”，“70”]]
功能更改（数据）{
变量slct=$（“任务id”）
slct.empty（）
Object.keys（data）.forEach（函数（og）{//对于每个数据键
var optgroup=$（“”，{label:og}）//创建optgroup元素
数据[og].forEach（函数（opt）{//用于每个选项
$（“”，{//创建选项元素
值：opt[1]，
文本：opt[0]
}).appendTo（optgroup）//将选项追加到组
})        
optgroup.appendTo（slct）//追加要选择的组
})
}
更改（数据）