Javascript 在选择下拉列表A时填充下拉列表B，在选择下拉列表B时填充下拉列表C

我试图在下拉列表-A部分填写下拉列表-B，在选择下拉列表-B部分填写下拉列表-C

var-mealsByCategory={
答：[“水果”、“蔬菜”、“其他”]，
B:[“苹果”、“橘子”、“葡萄”]，
C:[“胡萝卜”、“瓢虫”、“洋葱”]，
D:[“青苹果”、“红苹果”]
}
功能更改CAT（值）{
if（value.length==0）document.getElementById（“category”）.innerHTML=“”；
否则{
var-catOptions=“”；
对于（mealsByCategory[值]中的categoryId）{
catOptions+=“”+mealsByCategory[value][categoryId]+“”；
}
document.getElementById（“category”）.innerHTML=catOptions；
}
}

挑选
A.
B
C
挑选
挑选

为第三个下拉列表添加了changecat2（）方法，并为第三个下拉列表更新了changecat（）方法，只需尝试下面的代码

var-mealsByCategory={
水果：[“苹果”、“橘子”、“葡萄”]，
蔬菜：[“胡萝卜”、“瓢虫”、“洋葱”]，
苹果：[“青苹果”、“红苹果”]，
橙色：[“绿橙色”、“橙色”]，
葡萄：[“绿葡萄”、“黑葡萄”]
}
功能更改CAT（值）{
if（value.length==0）document.getElementById（“category”）.innerHTML=“”；
否则{
var-catOptions=“”；
对于（mealsByCategory[值]中的var类别ID）{
catOptions+=“”+mealsByCategory[value][categoryId]+“”；
}
document.getElementById（“category”）.innerHTML=catOptions；
调试器；
var子类别=”；
var selectedCategory=document.getElementById（'category'）。selectedOptions[0]。textContent；
for（mealsByCategory[SelectedCategory]中的var子类别ID）{
子类别+=“”+mealsByCategory[SelectedCategory][Subcategory ID]+“”；
}
document.getElementById（“子类别”）.innerHTML=子类别；
}
}
功能更改CAT2（值）{
调试器；
如果（value.length==0）document.getElementById（“子类别”）.innerHTML=“”；
否则{
var子类别=”；
for（mealsByCategory[值]中的var子类别ID）{
子类别+=“”+mealsByCategory[value][subcategory id]+“”；
}
document.getElementById（“子类别”）.innerHTML=子类别；
}
}

挑选
水果
蔬菜
其他
挑选
挑选

您能否创建一个代码段，以便我们可以调试工作version@DarrenSweeney：上面的代码段处于工作状态。Fiddle:没有名为

changecat2

的函数，因此这不是工作代码-看看控制台错误，这是基本调试，这是什么，如何为第三个下拉列表编写方法？