在Drop Down - cshtml javascript json中显示嵌套的json数据

@{
    var jsonData = new {
        category1 = new[] { "item1", "item2", "item3" },
        category2 = new[] { "item4", "item5", "item6" },
        category3 = new[] { "item7", "item8", "item9" }
    };
    var jsonString = Json.Encode(jsonData);
}

<script>
    var jsonData = JSON.parse('@Html.Raw(jsonString)');

    var dropdown = document.createElement("select");

    for (var category in jsonData) {
        if (jsonData.hasOwnProperty(category)) {
            var categoryOptions = jsonData[category];

            categoryOptions.forEach(function (option) {
                var optionElement = document.createElement("option");
                optionElement.innerText = option;
                optionElement.value = option;

                dropdown.appendChild(optionElement);
            });
        }
    }

    document.body.appendChild(dropdown);
</script>