js伺服器控制項（js做伺服器）

本文目錄一覽：

• 1、怎樣用JS為伺服器控制項賦值
• 2、js獲取伺服器控制項
• 3、在JS中如何獲取伺服器控制項
• 4、javascript如何修改伺服器控制項的屬性值?

怎樣用JS為伺服器控制項賦值

//1、JS腳本為伺服器控制項賦值

語法：document.getElementById(‘%=伺服器控制項名.ClientID%’)

document.getElementById(‘%=TextBox2.ClientID%『).value= 「aaaaa」 ;

anthem:TextBox ID= “TextBox2” runat= “server” Text= “bbbbb” /anthem:TextBox //這個是anthem的控制項，跟asp.Net ajax框架的控制項一樣.

//2、JS腳本為伺服器中用戶控制項中的控制項賦值

語法：document.getElementById(“%=伺服器控制項名.ClientID%”+”_用戶控制項中控制項名”)

document.getElementById( “%=UserInfoControl1.ClientID%”+”_txtBAname”).value= 「aaaaa」 ;

頁面使用的用戶控制項： uc1:UserInfoControl ID= “UserInfoControl1” runat= “server” /

用戶控制項代碼：

anthem:TextBox ID=”txtBAname” runat=”server” Width=”64px” CssClass=”lankuang” /anthem:TextBox

如果js為伺服器控制項Lable賦值的話，語法為:

document.getElementById(“%=CaseControl1.ClientID%”+ “_lblZhusu”).innerHTML= “aaaaaaa” ;

但是由於label映射到客戶端是Div標籤，所以後台取的還是原來的值

js獲取伺服器控制項

首先你是伺服器端控制項。

var hf = document.getElementById(“hfIDList”);

這個方法肯定是對的。

只是你的ID在客戶端中的源代碼中變了。

你點擊右鍵查看源代碼得到正確的ID即可。

或者採用

var hf = document.getElementById(“%=hfIDList.ClientID%”);

%=hfIDList.ClientID% 可直接獲取正確的ID。

在JS中如何獲取伺服器控制項

好問題，看來無人回答。

原理是在伺服器端把伺服器控制項的客戶端id以js的形式輸出即可。比如你有個伺服器端控制項的id是test1,那你就在aspx中寫

script

var myControllerId = %=test1.ClientId%

/script

然後在其他js中用document.getElementById(myControllerId)即可獲得該伺服器控制項。

javascript如何修改伺服器控制項的屬性值?

javascript操作伺服器控制項主要是看伺服器控制項在HTML中被渲染成了什麼。

Image控制項應該是被渲染成了img標籤，修改ImageUrl屬性的方法為：

document.getElementById(“faceimg”).src = 你要設置的值。但還要注意你設置的伺服器控制項的ID未必是最終渲染成的標籤的ID。

其實這種簡單的控制項最好直接用相對應的Html標籤加上runat=”server”屬性，就不會在用javascript操作的時候混亂了。

比如用img alt=”” src=”” ID=”faceimg” /替代。