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” /替代。