為什么我的下拉列表項不可見？

Question

我正在嘗試制作2個級聯的下拉列表。

第一個工作正常，選擇一個項目，但是當轉到第二個下拉列表時，實際上可以看到根據數據庫中的項目生成的正確數量的空格，而不是根據項目本身生成的！

就像它們是隱形的！

你能給些建議么？

我的觀點 ：

@using (Html.BeginForm("Browse", "Bookings",  new { id = "TypeItemFormID", data_itemsListAction = @Url.Action("ItemsList") }))
{
<fieldset>
    <legend> Type/Item</legend>
    @Html.DropDownList("department", ViewBag.ItemTypesList as SelectList, "Select a Type", new {id="ItemTypeID"})
    <div id="ItemsDivId">
        <label for="Items">Items </label>
        <select id="ItemsID" name="Items"></select>
    </div>
    <p>
        <input type ="submit" value="Submit" id="SubmitID" />
    </p>
 </fieldset>
}


    <script type="text/javascript">

        $('#ItemTypeID').on('change', function () {
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetItemTypeForm")',
            data: { itemTypeId: $('#ItemTypeID').val() },
            success: function (results) {
                var options = $('#ItemsID');
                options.empty();
                options.append($('<option />').val(null).text("- Select an Item -"));
                $.each(results, function () {
                    options.append($('<option />').val(this.ItemsID).text(this.Value));
                });
            }
        });
    });
</script>

我的控制器：

[HttpPost]
        public JsonResult GetItemTypeForm(string itemTypeId)
        {
            //pseudo code
            var data = from s in db.Items
                       where s.ItemType.ItemTypeName == itemTypeId
                       select s.ItemName;

            return Json(data);
        }

Answer 1

您有我在評論中提到的第一個問題，但從您的評論看來，您的會員名可能也不匹配。

這可能並不准確，因為我們不知道您的所有數據/成員名稱，但是您可能需要這樣的方法（使用匿名類型返回您期望的數據形狀）：

    [HttpPost]
    public JsonResult GetItemTypeForm(string itemTypeId)
    {
        //pseudo code
        var data = from s in db.Items
                   where s.ItemType.ItemTypeName == itemTypeId
                   select new { Value = s.ItemName, ItemsID = s.ItemId };

        return Json(data);
    }