以前做聯動使用asp.net ajax控制元件做的，使用了webservice感覺挺麻煩。發現jquery很方便。

首先在頁面引入jquery.js。文字描述太麻煩了。。直接貼關鍵程式碼吧。

1. <script language="javascript">
2. $(document).ready(function(){
3. //////////////
4. $("#ddlDepartment").change(function(){ 
5. $("#Projects").load("GetProject.aspx?id="+$("#ddlDepartment").val()); 
6. });
7. ///////////////
8. })
9. </script>

這是aspx頁面中需要聯動的兩個控制元件

1. <tr>
2.                             <td style="width: 150px; height:30px;">
3.                                 部門：</td>
4.                             <td style="width: 249px; height: 30px;" align="left">
5.                                 <asp:DropDownList ID="ddlDepartment"
    runat="server" Width="163px">
6.                                 </asp:DropDownList>
7.                                 </td>
8.                             <td style="width: 150px; height: 30px;">
9.                                 專案名稱：</td>
10.                             <td style="height: 30px; width: 221px;"
     align="left">  
11.                             <span id="Projects">
12.                                 <select id="ddlProject" name="ddlProject" style="width: 86px">
13.                                     <option selected="selected" value="0">請選擇 </option>
14.                                 </select> </span>
15.                             </td>
16.                         </tr>

後臺繫結部門下拉框的程式碼如下：

1. privatevoid BindDepartment()
2.         {
3.             DataTable dt=new JDOA.Content.DepartMent().GetMasterDepartMent();
4.             DataRow dr = dt.NewRow();
5.             dr["ID"] = 0;
6.             dr["Name"] = "請選擇";
7.             dt.Rows.InsertAt(dr,0);
8. this.ddlDepartment.DataValueField = "ID";
9. this.ddlDepartment.DataTextField = "Name";
10. this.ddlDepartment.DataSource = dt.DefaultView;
11. this.ddlDepartment.DataBind();
12. // ddlDepartment.Items.Insert(0, new ListItem("請選擇 ", "-1"));
13.         }

GetProject.aspx頁面直接在cs檔案寫一下程式碼：

1. protectedvoid Page_Load(object sender, EventArgs e)
2.         {
3. if (!IsPostBack)
4.             {
5. if (Request.QueryString["id"]!=null)
6.                 {
7.                     CreateProjectList(int.Parse(Request.QueryString["id"].ToString()));
8.                 }
9.             }
10.         }
11. privatevoid Page_Init(object sender, EventArgs e)
12.         {
13.             Response.Cache.SetCacheability(System.Web.HttpCacheability.NoCache);
14.             Response.Cache.SetNoStore();
15.         }
16. publicvoid CreateProjectList(int id)
17.         {
18.             DataTable dt = new JDOA.Content.Project().ProjectDList(id);
19. string strHtml = string.Empty; 
20.             strHtml = "<select name='ddlProject' id='ddlProject'>";
21.             strHtml += "<option value='0' selected>請選擇</option>";
22. if (dt.Rows.Count > 0)
23.             {
24. for (int i = 0; i < dt.Rows.Count; i++)
25.                 {
26.                     strHtml += "<option value='" + dt.Rows[i]["ID"].ToString() + "'>" + dt.Rows[i]["ProjectName"].ToString() + "</option>";
27.                 }
28.             }
29.             strHtml += "</select>";
30.             Response.Write(strHtml);
31.            Response.End();
32.         }

至此就完成了 聯動。。

我來稍微的解釋下吧。雖然可能我也解釋不清楚。首先是對因為做的部門和專案之間的聯動。即選擇部門之後得到屬於這個部門的專案列表。 關鍵的就是一開始的js程式碼 意思就是在span區域內新增GetProject.aspx執行之後輸出的程式碼。呵呵。。