javascript - JSON を使用した Knockout.js カスケード オプション

Question

JSON が入力されるカスケード ドロップダウン リストを作成しようとしています。選択ドロップダウンを使用して、フロントエンドで性別の値を男性から女性に変更するとわかりました。この時点以降、ドロップダウンに残るのは女性のオプションだけです。私は値を宣言することによって何をしていると思います:性別は性別変数を上書きしていますか?

どんな助けでも大歓迎です。私はノックアウトが初めてなので、達成したいことが可能になることを願っています.

前もって感謝します。

作成したコードは次のとおりです。

HTML:

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

JS:

function streckViewModel(){ 

};

$.getJSON("js/garments.json", null, function(garmentData, status, xhr){
streckViewModel = ko.mapping.fromJS(garmentData);
ko.applyBindings(streckViewModel);
});

JSON:

{
"gender":[

    {

        "name" : "male",

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

    },

    {
        "name" : "female",

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

]

}