js如何获取控件id

JavaScript020

js如何获取控件id,第1张

JS获取用户控件中的子控件Id

用户控件

<asp:HiddenField ID="hfGradeId" runat="server" />

<asp:HiddenField ID="hfClassId" runat="server" />

//获取用户控件中子控件真实id,用于在页面中的js中调用,调用方法

public string GradeClientID

{

get { return this.hfGradeId.ClientID}

}

public string ClassClientID

{

get { return this.hfClassId.ClientID}

}

调用用户控件页面使用

if($('#<%=ddlGradeAndClass.GradeClientID %>').val()=="-1"||$('#<%=ddlGradeAndClass.GradeClientID %>').val()==""){

alert("请选择年级!")

return false

}

if($('#<%=ddlGradeAndClass.ClassClientID

%>').val()=="-1"||$('#<%=ddlGradeAndClass.ClassClientID

%>').val()==""){

alert("请选择班级!")

return false

}

//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标签,所以后台取的还是原来的值