js 擷取 asp.net 伺服器端控件 Label 與 TextBox RadioButtonList 與 DropDownList 的值

 js 擷取 asp.net 伺服器端控件 Label 與 TextBox RadioButtonList 與 DropDownList 的值

在做 BS架構的項目時，經常遇到 需要用js 來調用 asp.net 伺服器端控件的值。

大多數的 控件他的值都可以通過js調用它的 value屬性來獲得此控件的值，但是也有例外的情況。

經常用的 Label控件。他的值用js就不能通過value屬性來獲得。

    Label控件 js擷取的執行個體，

var text= document.getElementById('Label1').innerText;

假如， 這樣  var text= document.getElementById('Label1').value; 則 text 為Undefined。

而 TextBox 的值

就可以 

var text= document.getElementById('TextBox 1').value;

對于，RadioButtonList 與 DropDownList  他們的擷取方式是大不一樣的！ 這主要是因為 他們所生成的 html元素不一樣。

DropDownList 的值 擷取 比較簡單：

       var ddlvalue = document.getElementById('ctl00_Contentplaceholder3_ddlFolws').value;

而 RadioButtonList 的值擷取 就比較麻煩：

var value = "";

var Result = document.getElementsByName('ctl00$Contentplaceholder3$rblResult');

for (var i = 0; i < Result.length; i++) {

if (Result.item(i).checked) {

value = Result.item(i).value;

}

}

如果 RadioButtonList 控件 沒有一個選擇的 那麼 value的值 為空！

對于其他控件 js擷取值的方法 以後在讨論。

本文來自CSDN部落格，轉載請标明出處：http://blog.csdn.net/lingxyd_0/archive/2009/05/21/4206449.aspx