Jquery implements refresh-free DropDownList linkage implementation code_jquery

Let’s look at the HTML first. Let’s quote Jquery and put two DropDownLists:

Copy the code The code is as follows: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; }

Then write the core Script: Copy code The code is as follows: $(function() { var $ddl = $(" select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:selected").val()); $ddlCars.fadeIn("slow"); } else { $ddlCars.fadeOut("slow"); } }); });

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { var employees = new Employee(); ddlEmployee. DataSource = employees.FetchEmployees(); ddlEmployee.DataTextField = "Surname"; ddlEmployee.DataValueField = "Id"; ddlEmployee.DataBind(); } } } Our Datasource class: Copy code The code is as follows: public class EmployeeCar { public int Id { get; set; } public string Car { get; set; }

private static List LoadData() { return new List { new EmployeeCar {Id = 1, Car = "Ford"}, new EmployeeCar {Id = 1, Car = "Holden"}, new EmployeeCar {Id = 1, Car = "Honda"}, new EmployeeCar {Id = 2, Car = "Toyota"}, new EmployeeCar {Id = 2, Car = "General Motors"}, new EmployeeCar {Id = 2, Car = "Volvo"}, new EmployeeCar {Id = 3, Car = "Ferrari"}, new EmployeeCar {Id = 3, Car = "Porsche"}, new EmployeeCar {Id = 3, Car = "Ford2"} }; }

public List FetchEmployeeCars(int id) { return (from p in LoadData() where p.Id == id select p).ToList(); } }

public class Employee { public int Id { get; set; } public string GivenName { get; set; } public string Surname { get; set; }

public List FetchEmployees() { return new List { new Employee {Id = 1, GivenName = "Tom", Surname = "Hanks"}, new Employee {Id = 2, GivenName = "Hugh", Surname = "Jackman"}, new Employee {Id = 3, GivenName = "Petter", Surname = "Liu"} }; }

public Employee FetchEmployee(int id) { var employees = FetchEmployees(); return (from p in employees where p.Id == id select p).First(); } } 完了。希望这篇POST对您有帮助。