先看html,我们引用jquery,放两个dropdownlist:
复制代码 代码如下:
接着写核心的script:
复制代码 代码如下:
非常简单，检查值是不是０，然后ajax传值到server，成功后remove掉原来的option,append新的option.
看下webpage的code:
复制代码 代码如下:
public partial class _default : system.web.ui.page
{
[webmethod]
public static list fetchemployeecars(int id)
{
var emp = new employeecar();
return emp.fetchemployeecars(id);
}
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();
}
}
}
我们的datasource class:
复制代码 代码如下:
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对您有帮助。