MVC Dropdown onchange加载另一个下拉列表 [英] MVC Dropdown onchange load another dropdown

问题描述

hi
i在页面上有两个下拉列表我希望当我从第一个下拉列表中选择一些值然后在第二个下拉列表中时，所有值都根据所选值加载

两个下拉列表动态绑定



查看

首次下拉

hi i have two dropdownlist on a page i want that when i select some value from first dropdown list then in second dropdownlist all the values load according to the value selected
both dropdown lists are binded dynamically

View
First Dropdown

@Html.DropDownList("Departments",dept,"--Select Department--",new { @required="required" })

Second Dropdown

Second Dropdown

@Html.DropDownList("Physician", phy, "--Select Physician--", new { @required="required" })

绑定值的功能

Function to Bind values

public List<SelectListItem> Departments()
        {
            List<SelectListItem> dept = new List<SelectListItem>();
            var query = from u in db.Departments select u;
            if (query.Count() > 0)
            {
                foreach (var v in query)
                {
                    dept.Add(new SelectListItem { Text = v.Name, Value = v.ID.ToString() });
                }
            }
            return dept;
        }

public List<SelectListItem> Physicians()
        {
            List<SelectListItem> phy = new List<SelectListItem>();
            var query = from u in db.Physicians select u;
            if (query.Count() > 0)
            {
                foreach (var v in query)
                {
                    phy.Add(new SelectListItem { Text = v.FirstName + " " + v.LastName, Value = v.ID.ToString() });
                }
            }
            return phy;
        }

推荐答案

JavaScript

JavaScript

<script type="text/javascript">

（ document ）。ready（ function （）{

(document).ready(function () {

（ ＃departmentList）。change（ function （）{
var dID =

("#departmentList").change(function () { var dID=

这篇关于MVC Dropdown onchange加载另一个下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！