ajax寫級聯效果,動態從資料庫獲取資料

2021-07-22 13:40:10 字數 1565 閱讀 9736

要實現的級聯資料的效果是,諮詢方式有多種,有的有子諮詢方式,有的沒有,直接上圖

圖一中選擇自選方式,例如:選擇麵詢,效果如圖二,後面對應的有面詢的子諮詢方式,有的沒有子諮詢方式,如圖三,沒有子諮詢方式,後面不顯示

圖一 圖二 圖三

首先建立乙個dropdownlist和乙個select,dropdownlist中的資料,從資料庫中獲取,select中的資料,從dropdownlist中獲取id動態獲取改變

需要建立的

1.aspx頁面

dropdownlist控制項繫結的資料從資料庫中獲取

/// /// 獲取諮詢方式

///

private void getconsultanttype()

}

對應的級聯select控制項中的資料,通過ajax無重新整理的形式獲取,首先建立乙個js檔案,和乙個一般處理程式檔案。

conpro.js

$(document).ready(function

() ,

success: function

(data)

else

}});

});});function

addprovincelist

(str)

} else }}

conpro.ashx

using dal.model;

using system;

using system.collections.generic;

using system.linq;

using system.text;

using system.web;

namespace ozoa.ashx

else

int startin;

startin = liststr.length - 1;

liststr.remove(startin, 1);

context.response.write(liststr);}}

else

}public

bool isreusable}}

}

寫上這些基本級聯效果搞定,最後乙個說如何在後台獲取select中的資料

string consultanttype1 = this.ddlconsultanttypeid1.selectedvalue;//諮詢方式1

//string consultanttype3 = this.selconsultanttypeid2.selectedvalue;//諮詢方式2

string consultanttype2 = request.form[「selconsultanttypeid2」];

資料庫級聯刪除

create table c id varchar 20 primary key,password varchar 20 not null create table d id int identity 1,1 primary key,name varchar 20 not null,userid v...

從資料庫動態載入選單

一 資料庫設計 系統選單表 column type comment idint 選單編號 menu name varchar 一級選單名 menu num varchar 所屬的一級選單編號 picture varchar 選單url varchar 選單鏈結 is use int是否使用 sort...

雜糅 資料庫級聯關係

實際上無論是多對一,一對多,多對多,還有一對一。最底層的實現的本質就是外來鍵關係,外來鍵怎麼處置,放誰中。一對一基本是單向的,不需要雙向,雙向的話為什麼不放在一張表裡呢。一對多多對一關鍵還是多的一方拿到一的外來鍵。不要雙向設定,級聯關係太亂。多對多,有一種多對多的實現方式是在多的兩端設定,實際上最後...