Cascading DropDownLists With ASP.NET and jQuery
Cascading drop down lists is a really nice feature for web developers. I thought it was time to write an article on how to do this using ASP.NET and jQuery. Well here’s one way of doing it. Before we get started, this example uses the latest version of jQuery which is 1.3.2. That can be downloaded from here.
Open Visual Studio 2008 and create a new Web Application. For this article I’m not going to connect to a database. I’ve created two classes, Employee and EmployeeCars, which will store the data. Create two new classes and add the following code:
C#
public class Employee
{
public int Id { get; set; }
public string GivenName { get; set; }
public string Surname { get; set; }
public List<Employee> FetchEmployees()
{
return new List<Employee>
{
new Employee {Id = 1, GivenName = "Tom", Surname = "Hanks"},
new Employee {Id = 2, GivenName = "Tiger", Surname = "Woods"},
&nb
Ïà¹ØÎĵµ£º
²½Öè1£º
ÐÞ¸Äwin2003ÉÏ´«ÏÞÖÆ£¬ÕÒµ½windows\system32\inserv\metabase.xmlÎļþ
½«ÆäÖеġ¡aspmaxrequestentityallowed= µÄÖµ¸ÄΪ1073741824¡¡£¨1G£©
×¢ÒâÐÞ¸ÄǰҪֹͣIISµÈ·þÎñ¡£
²½Öè2£º
Èç¹ûÄã×°µÄÊÇnet1.1£¬ÇëÕÒµ½windows\...\v1.1.4322\config\machina.configÎļþ£¬½«execution timeout¸ÄΪ36000
½ ......
1. JSÖÐÈ¡µÃAsp.NetµÄÖµ
(1)È¡µÃ·þÎñ¶Ë¿Ø¼þµÄÖµ
var s = document.getElementById("TextBox1").value; //È¡µÃTextBox1µÄTextÖµ
(2)È¡µÃÈ«¾Ö±äÁ¿µÄÖµ
ÔÚPage_Load()·½·¨Ç°¶¨Òåprotected String sT;
ÔÚPage_Load()·½·¨Öи³ÖµsT = "¹þ¹þ";
JSÖÐÕâÑùдȡµÃ
var s = "<%=sT %>";
-------------------- ......
½éÉÜ
CKEditorÊÇÐÂÒ»´úµÄFCKeditor£¬ÊÇÒ»¸öÖØÐ¿ª·¢µÄ°æ±¾¡£CKEditorÊÇÈ«Çò×îÓÅÐãµÄÍøÒ³ÔÚÏßÎÄ×Ö±à¼Æ÷Ö®Ò»£¬ÒòÆä¾ªÈ˵ÄÐÔÄÜÓë¿ÉÀ©Õ¹ÐÔ¶ø¹ã·ºµÄ±»ÔËÓÃÓÚ¸÷´óÍøÕ¾¡£¶øCKFinderÊÇÒ»¸ö¹¦ÄÜÇ¿´óµÄajaxÎļþ¹ÜÀíÆ÷¡£Æä¼òµ¥µÄÓû§½çÃæÊ¹µÃ¸÷ÀàÓû§£¬²»¹ÜÊǴӸ߼¶×¨ÒµÈ˲ţ¬»¹ÊÇ»¥ÁªÍø³õѧÕߣ¬¶¼¹»Ö±¹Û¡¢¿ìËÙѧϰµÄѧϰʹÓÃËü¡£
& ......
aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ArticlePage.aspx.cs" Inherits="ArticlePage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > ......