Javascript 3个组合框，逐个更改，每个自动选择第一项

我有3个组合框，当我选择第一个组合框时，我希望第二个组合框和第三个组合框的第一项被自动选择。 当第二个组合框的第一项被选中时，将触发第三个组合框的onselect事件，但参数

record

未定义

$("#c2").combobox({
            onSelect:function(record)

当我选择第一个组合框中的一项时，此处的

记录

未定义。 当我选择第二个组合框的项目时，它不是

为什么?

在此处插入标题
//模拟数据库
变量数据={}；
id1=[{value:“id1”，text:“aa1”}，{value:“id2”，text:“aa2”}]；
id2=[{value:“id3”，text:“aa3”}，{value:“id4”，text:“aa4”}]；
id1=[{value:“id1”，text:“aaa1”}，{value:“id2”，text:“aaa2”}]；
id2=[{value:“id3”，text:“aaa3”}，{value:“id4”，text:“aaa4”}]；
id1=[{value:“id5”，text:“aaa5”}，{value:“id6”，text:“aaa6”}]；
id2.id2=[{value:“id7”，text:“aaa7”}，{value:“id8”，text:“aaa8”}]；
$（函数（）{
变量c1id；
$（“#c1”）.combobox（“加载数据”[{value:“id1”，text:“a1”}，{value:“id2”，text:“a2”}]）；
//选择c1时更改c2框
$（“#c1”）.组合框({
onSelect：功能（记录）{
c1id=记录值；
$（“#c2”）。组合框（“清除”）；
$（“#c2”）.combobox（“加载数据”，数据[record.value]）；
请尝试{var c2data=$（“#c2”）。组合框（“getData”）；//c2data.length是否为0？
value=c2data[0]。文本；
$（“#c2”）。组合框（“选择”，值）；}
捕获（e）{
}
}
}) 
$（“#c2”）.组合框({
onSelect：功能（记录）{
$（“#c3”）。组合框（“清除”）；
$（“#c3”）.combobox（“加载数据”，数据[c1id][record.value]）；
请尝试{var c2data=$（“#c3”）.combobox（“getData”）；//c2data.length是否为0？
value=c2data[0]。文本；
$（“#c3”）。组合框（“选择”，值）；}
捕获（e）{
}
}
})
});

设置组合框的值时，应该传递值，而不是文本，我的意思是

value=c2data[0].text;
$("#c2").combobox("select",value);}

应该是

value=c2data[0].value;
$("#c2").combobox("select",value);}

如果选择不存在的值，组合框将显示该值，但不会将其与对象关联。这就是为什么您会得到一个未定义的

value=c2data[0].value;
$("#c2").combobox("select",value);}