Javascript JSON的Knockout.js级联选项

我一直在尝试创建一个由JSON填充的级联下拉列表。我发现，当我使用选择下拉菜单将前端的性别值从男性更改为女性时。女性选项是该点之后下拉列表中唯一保留的选项。我想我正在做的是去掉值：gender正在覆盖gender变量

任何帮助都将不胜感激。我是个新手，所以我希望我想要达到的目标是可能的

提前谢谢

以下是我创建的代码：

HTML:

JSON:

---

}

尝试将HTML更改为以下内容：

<select data-bind="options: gender, optionsText: 'name', value: selectedGender"></select><br />
<select data-bind="options: selectedGender.garments, optionsText: 'garmentName'"></select>

尝试将HTML更改为以下内容：

<select data-bind="options: gender, optionsText: 'name', value: selectedGender"></select><br />
<select data-bind="options: selectedGender.garments, optionsText: 'garmentName'"></select>

{
"gender":[

    {

        "name" : "male",

            "garments": [
                { "garmentName": "hoodie" },
                { "garmentName": "t-shirt" }
            ]

    },

    {
        "name" : "female",

            "garments": [
                { "garmentName": "hoodie" },
                { "garmentName": "blouse" }
            ]
    }

]

<select data-bind="options: gender, optionsText: 'name', value: selectedGender"></select><br />
<select data-bind="options: selectedGender.garments, optionsText: 'garmentName'"></select>