asp.net(C#)中給控件添加客戶端js事件的方法
更新時間：2010年03月12日 20:50:02 作者：
今天做一個輸入界面，有一需求根據(jù)一個DropDownList選擇不同,后面部分出現(xiàn)不同的輸入界面，若把響應事件放在服務端去做，得頻繁刷頁面。就想放在客戶來處理顯示和隱藏相應的輸入界面。
放在服務器端，也可以用ajax來實現(xiàn)，不刷頁面。但我覺得有更直接更簡單方法，用一個js事件是可以實現(xiàn)的。
但，DropDownList不偈Button等控件提供了一些像"OnClientClick"前臺事件，只有服務端事件。
想到，所有C#頁面代碼，最終都是生成HTML，js事件也是最終運在瀏覽器中，以Html為基礎的。服務端控件最終生成的HTML控件有什么js事件，我們應該就能在aspx中給它添加相應的事件。
DropDownList 生成的Htm是元素<Select>是有onchange事件的，所以我們也是可以給DropDownList添加onchange()事件，我們通常用的方法，在后臺文件的Page_Load 事件中，給id為ddlExamType的DropDownList 添加onchange()事件：
ddlExamType.Attributes.Add("onchange","SelecteChanged('"+this.ddlExamType.ClientID"')");
前臺定義的js 函數(shù)：SelecteChanged（）
<script language="javascript">
function selectChange(objID) {
var ddlExamType = document.getElementById(objID);
if (bool) {
……
}
else {
……
}
}
</script>
總結(jié)： C#的服務端控件，生成html時對應控件有什么js事件，我們都能通過對控件 Attributes.Add()添加。
但，DropDownList不偈Button等控件提供了一些像"OnClientClick"前臺事件，只有服務端事件。
想到，所有C#頁面代碼，最終都是生成HTML，js事件也是最終運在瀏覽器中，以Html為基礎的。服務端控件最終生成的HTML控件有什么js事件，我們應該就能在aspx中給它添加相應的事件。
DropDownList 生成的Htm是元素<Select>是有onchange事件的，所以我們也是可以給DropDownList添加onchange()事件，我們通常用的方法，在后臺文件的Page_Load 事件中，給id為ddlExamType的DropDownList 添加onchange()事件：
ddlExamType.Attributes.Add("onchange","SelecteChanged('"+this.ddlExamType.ClientID"')");
前臺定義的js 函數(shù)：SelecteChanged（）
復制代碼 代碼如下:
<script language="javascript">
function selectChange(objID) {
var ddlExamType = document.getElementById(objID);
if (bool) {
……
}
else {
……
}
}
</script>
總結(jié)： C#的服務端控件，生成html時對應控件有什么js事件，我們都能通過對控件 Attributes.Add()添加。
相關(guān)文章
任何語言開發(fā)出來的程序，都會有一個程序入口函數(shù)，可能每個語言所使用的程序入口函數(shù)名稱不一樣，但是它們的作用都是一樣的，都是被操作系統(tǒng)去調(diào)用。那么本文主要總結(jié).NET中的程序入口函數(shù)Main使用的小技巧。2016-10-10
asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法
這篇文章主要介紹了asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法 ,需要的朋友可以參考下2014-10-10
本文詳細講解了使用Dapper實現(xiàn)DTO的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細介紹了asp.net core實現(xiàn)文件上傳功能，怎么做單文件和多文件上傳，感興趣的小伙伴們可以參考一下2016-06-06
AspNetPager分頁控件UrlRewritePattern參數(shù)設置的重寫代碼
AspNetPager分頁控件UrlRewritePattern參數(shù)設置的重寫代碼，需要的朋友可以參考一下2013-02-02
這篇文章介紹了.NET的動態(tài)編譯與WS服務調(diào)用詳解，有需要的朋友可以參考一下，希望對你有所幫助2013-07-07
ASP.NET Core應用錯誤處理之三種呈現(xiàn)錯誤頁面的方式
這篇文章主要給大家介紹了關(guān)于ASP.NET Core應用錯誤處理之三種呈現(xiàn)錯誤頁面的方式的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
VS Code 1.26 發(fā)布，有你想要的新特性嗎？這篇文章主要為大家詳細介紹了VS Code 1.26一些主要的更新亮點，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章介紹了使用CefSharp在.Net程序中嵌入Chrome瀏覽器的方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要介紹了詳解ASP.NET MVC之下拉框綁定四種方式，詳細的講訴了4種方法，具有一定的參考價值，有需要的可以了解一下。2016-12-12