根据选择的下拉列表显示下拉列表

本文关键字：列表显示 下拉列表 选择 | 更新日期: 2023-09-27 18:13:12

在我的控制器中，我的视图中显示了这个类别列表。这是我的应用程序的报告部分。

public SelectList getFields()
    {
        List<SelectListItem> field = new List<SelectListItem>();
        field.Add(new SelectListItem { Text = "Department", Value = "dept" });
        field.Add(new SelectListItem { Text = "Referrer", Value = "ref" });
        field.Add(new SelectListItem { Text = "Monthly", Value = "cd_key" });
        return  new SelectList(field, "Value", "Text");
    }
    public ActionResult HR_RecRep()
    {
        ViewBag.fields = getFields();
        return View();
    }

Then in my View:

<script type="text/javascript">
$(document).ready(function () {
    //this function will call the views with id=category
    $('#fields').change(function () {
        //Get the selected value from the dropdownlist 
        var rep = $(this).val();
        //alert(cat);
        if (rep.toUpperCase() == "DEPT") {
            var text = document.getElementById("dept");
            text.style.display = "inline";
            $.getJSON('/Reports/getDepartment/', function (data) {
                var items = '<option>Select Department...</option>';
                $.each(data, function (i, department) {
                    items += "<option value='" + department.Value + "'>" + department.Text + "</option>";
                });
                $('#department').html(items);
            });
            var textValue = document.getElementById("ref");
            textValue.style.display = "none";
        } 
    });
});
</script>
<div style="border:0px solid black;width:950px;">
Reports By: @Html.DropDownList("fields", String.Empty)
<span id="dept" style="display:none;"><select id="department" name="department"></select></span>
<span id="ref" style="display:none;"><select id="referrer" name="referrer"></select></span>

在我看来，它成功地显示了Reports By Section的字段。我希望每当我在下拉列表中选择"dept"时，它指的是类别中的部门，它应该显示数据库中所有部门的下拉列表。

这是我的控制器，用于获取部门列表。

public SelectList getDepartment()
    {
        ViewBag.department = new SelectList(db.rms_departments, "dept_id", "dept_shortname");
        return ViewBag;
    }

当我尝试使用代码时，当我在报告中选择部门时，它没有显示部门的下拉列表。还有Referrer，当我从下拉菜单中选择它时，它应该会显示数据库中所有员工的下拉菜单。

你能帮我一下吗?非常感谢。

也许这和我的剧本有关?

根据选择的下拉列表显示下拉列表

你的问题是你没有从你的动作方法返回JSON，修改你的动作返回JSON:

public ActionResult getDepartment()
{
   var departments = db.rms_departments.Select(x=> 
                                     new 
                                     { 
                                       dept_id=dept_id,
                                       dept_shortname=dept_shortname
                                     });
   return JSON(departments,JsonRequestBehavior.AllowGet);
}

和脚本修改行:

items += "<option value='" + department.Value + "'>" + department.Text + "</option>";

: 

items += "<option value='" + department.dept_id+ "'>" + department.dept_shortname+ "</option>";

我已经知道答案了。我把控制器代码改成这个:

public JsonResult getDepartment()
    {
        return Json(new SelectList(db.rms_departments, "dept_id", "dept_shortname"), JsonRequestBehavior.AllowGet);
    }
相关文章：