怎样用JS为服务器控件赋值

JavaScript06

怎样用JS为服务器控件赋值,第1张

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

3.我刚才试了一下好像没有问题

你改最后一句试试

document.all.item("yxqz").value = vDate.getYear() + "-" +(vDate.getMonth() + 1) + "-" + vDate.getDate()

--------------------------------------------------

1. <%= %>表示服务器端代码,也就是说一旦页面加载好,就会变成一个常数

-------------------------------------------------

2. 本人建议这样修改:

var wl_yxqz = document.getElementById("fzrq").value

// 获取日期

var vDate = new Date(wl_yxqz)

// 设置最终日期

vDate.setYear((vDate.getFullYear() + 6))

// 给控件赋值

document.wl.yxqz.value = vDate.getYear() + "-" +(vDate.getMonth() + 1) + "-" + vDate.getDate()

以点击按钮,改变按钮元素的内容为案例,点击的时候 ”按钮“ 变为 ”hello“

1、通过js获取元素,例如,获取元素btn按钮

2、通过js,当点击按钮的时候,改变原来的值为“hello”

3、运行效果如下:

4、点击按钮之后的效果:

完整的html代码如下:

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <title>Document</title>

  <style type="text/css">

.wrap{

width:400px

height:300px

background:#000

position:relative

}

a.btn1{

display:block

width:140px

height:40px

line-height:40px

text-align:center

background:#ff0099

color:#fff

position:absolute

left:100px

top:100px

}

  </style>

 </head>

 <body>

  

<div class="wrap">

<a href="javascript:" class="btn1" id="btn">按钮</a>

</div>

<script type="text/javascript">

var oBtn= document.getElementById("btn")

oBtn.onclick=function(){

oBtn.innerHTML="hello"

}

</script>

 </body>

</html>