今天在做一個資料修改的頁面,頁面上有一個DropDownList控制項,綁定的是實體中的重要屬性,我希望使用者在修改該控制項值的時候,提示使用者,他修改了該控制項的值。所以為該下拉控制項加上了如下語句。
複製代碼 代碼如下:DDLmaterial.Attributes.Add("onchange", "alert('注意:您修改了物品類型!')");
似乎不錯,不僅有提示效果,也不需要重新整理頁面。可是當我開啟頁面進行測試的時候就發現了問題,當我把下拉控制項的值改回原值的時候,它還是會出現提示,這樣明顯會給使用者一種莫名其妙的感覺。怎麼辦呢,用AJAX 進行服務端驗證?這想法太邪惡了,我決定嘗試用JS在用戶端實現。
實現的演算法很簡單,首先我去搜尋當頁面載入後立刻執行JS的方法,用於擷取下拉控制項綁定資料後的初始值。藉助GOOGLE獲得了如下的成果 複製代碼 代碼如下:window.onload = function() {
var ddl= document.getElementById('DDLmaterial');
var first =ddl.options[ddl.selectedIndex].text;
}
我的理解如下:
第1行: 頁面載入後即執行function()——function是關鍵字吧,怪怪的用法,暫不理他。
第2行: 通過控制項ID擷取控制項的對象,這個var有點object的感覺
第3行: 擷取控制項當前選中行的值
這下好了,再修改下代碼就實現我的要求了。
//後台代碼
DDLmaterial.Attributes.Add("onchange", "changeAlert()");
前端 複製代碼 代碼如下:<script type ="text/javascript" >
var first;
var ddl;
window.onload = function() {
ddl= document.getElementById('DDLmaterial');
first =ddl.options[ddl.selectedIndex].text;
}
function changeAlert() {
var sencond = ddl.options[ddl.selectedIndex].text;
if (sencond != first) {
alert("注意:您修改了物品類型!");
}
}
</script>
總結一下:突然發現VS2008居然寫JS代碼的時候也有智能提示了(這實在太棒了,菜鳥的福音,JS代碼貌似是執行到哪算到哪,出錯也不告訴你),看來我已經OUT了 囧....