三級聯動實現

在一個表中有4個字段name、oneid、twoid、three。
name表示的是菜單的名字,oneid、twoid、three來控制是哪級菜單。
分別爲1 0 0是一級菜單
分別爲1 1 0是二級菜單
分別爲1 1 1是三級菜單.
下面看下程序的涉及思路:
1.首先向几面上添加3個DropDownList,分別命名爲Dbl_AreaOne、Dbl_AreaTwo、Dbl_AreaThree.
初始化:<asp:ListItem Value="0">請選擇</asp:ListItem>
2.添加JavaScript,changearea一、changearea12個事件,用來控制當Dbl_AreaOne、Dbl_AreaTwo改變的時候的事件。
這裏用了document.getElementById("<% =Ddl_AreaTwo.ClientID %>");
這裏的功能是當點擊了第一個下拉框和第二個下拉框以後後面的下拉框將變成「選擇城市」,即重置。
3.下面語句用來實現添加下拉項的功能。
document.getElementById("<% =Ddl_AreaThree.ClientID %>").options[0] = new Option('選擇城市','0');
4.選擇相應的選項出現後面對應選項的奧祕:
把選中的值付給一個string字符串:
var twoid=document.getElementById("<% =Ddl_AreaTwo.ClientID %>").value;
而後再全部的數字中查詢一致的數字。
5.後臺代碼:
對事件的註冊:Ddl_AreaOne.Attributes.Add("onchange", "changearea1()");
6.數據庫的操做-略
7.用一個二維數據來存儲獲得的結構。數據庫

相關文章
相關標籤/搜索