textbox.和label 无刷新显示数据

Question

textbox.和label 无刷新显示数据 
关键: 在texbox中输入数据.....label自动显示数据....不需要enter orTAB 一下才变化.希望
是无刷新.就可以显示出来结果...
网上看到说用ajax+js .不懂.
能贴出个代码吗 or 案例么??

Answer 1

设置  texbox 的AutoPostBack=true  就可以了

Answer 2

Ajax实现:
http://blog.csdn.net/ChengKing/category/230706.aspx

Answer 3

如果输入数据只是简单运算就显示，用JavaScript就够了

Answer 4

给textbox加个onpropertychange  的js属性 具体该怎么写我也不知道

Answer 5

补充一下:在texbox中输入数据.....label自动显示数据...因为autopostback=true 了所以页面总是刷新一下的或者需要enter orTAB 一下数据才更新.希望是到达限定字段后label自动显示出来..不用刷新!

Answer 6

不用ajax,我自己小站的新闻页面里http://www.cbgame.net/cbsnews.aspx?id=55&&page=1有统计功能,只要js就可以了

Answer 7

milozy1983(跳蚤侦探) 我的问题是...提交数据的时候不需要刷新 到达限制的字数时..直接显示出来..

Answer 8

ChengKing((外企诚聘: http://blog.csdn.net/ChengKing 那个不适合哦..

Answer 9

提交直接显示出来那就需要ajax+js,不难

Answer 10

如果你有耐心等我把自己站的论坛做掉那就正好,我会在其中用到这种效果.其实你看下ajax.net的示例就很容易知道怎么用了,然后用js在前台显示dataset的内容

Answer 11

我先传了个ajaxpro在vs2003的一些例子,你先学一下吧,挺容易掌握的.http://www.rrsou.com/ajaxdemo.rar

Answer 12

<input type="text" onchange="checkInput()" id="textbox1">function checkInput()
{
   if(document.forms[0].textbox1.value.length>字数限制)
   {
      alert("字数超标");
   }
}

Answer 13

<asp:TextBox id="bb"   style="Z-INDEX: 111; LEFT: 360px; POSITION: absolute; TOP: 320px" runat="server"></asp:TextBox>
<asp:Label id="aa" style="Z-INDEX: 112; LEFT: 360px; POSITION: absolute; TOP: 240px" runat="server"Width="152px" BackColor="#C0FFFF">Label</asp:Label><script language = "javascript">
document.onkeyup = keyDown;
function keyDown() 
{ 
document.getElementById( "aa" ).innerText = document.getElementById("bb").value;
}
</script>

Answer 14

milozy1983(跳蚤侦探) 谢谢
我看看去...gugu1981(庸者无惧) 谢谢

Answer 15

<INPUT TYPE="text" NAME="" id="t1" onkeyup="document.getElementById('t2').value=this.value;">
<INPUT TYPE="text" NAME="" id="t2">

Answer 16

这样试试．
Page_Load()
{
  TextBox1.Attribute.Add("onkeypressdown","keyDown();");
}页面代码如下;
function keyDown(){
document.getElementById("label1").innerText = document.getElementById("textBox1").value
}

Answer 17

用AJAX．Page_Load(){
Ajax.Re忘了怎写("类名") 在这里注册一下TextBox1.Attribute.Add("onkeypressdown","keyDown()");
}//声明为AJAX操作的方法
public string getContent(){
return this.textbox1.Text ;
}web页面
function keyDown(){
类名.getContent(document.getElementById("TextBox1").value,goComplete)
}function goComplete(result){
document.getElementById("label1").innerText = result;
}大致应该是这样．如果有问题．回出来我改．

Answer 18

paleyyang(我就是烟鬼)收到消息么

Answer 19

这个还用ajax啊,真服了U,javascriopt脚本就搞定,你不要亵渎ajax好不?它不是这么用的 啊
<input type="text" id="text1" onclick="div1.innerText=text1.value">
<div id="div1"></div>
Label到了客户端也就是个div

Answer 20

上面错了 ,是onchange="div1.innerText=text1.value",特此更正

Answer 21

kubbye(小蛤蟆就是我) 写的不错..
可是这个是个复合控件..怎么写?不是input..是自定义的

Answer 22

给textBox加一个onmouseover事件,鼠标移开时用js把textBox的值赋给label就行了
这里用的textBox是客户端的<input>js代码如下:
function setValue()
{
document.getElementById("lbMsg").innerText=document.Form1.textBox1.value;
}
html里
<span id="lbMsg"></span>
<input type="text" id="textBox1" onmouseout="setValue()"/>

Answer 23

上面第一句话中写错了.是加个onmouseout事件..代码还是一样

Answer 24

<asp:TextBox id="bb"   style="Z-INDEX: 111; LEFT: 360px; POSITION: absolute; TOP: 320px" runat="server"></asp:TextBox>
<asp:Label id="aa" style="Z-INDEX: 112; LEFT: 360px; POSITION: absolute; TOP: 240px" runat="server"Width="152px" BackColor="#C0FFFF">Label</asp:Label><script language = "javascript">
document.onkeyup = keyDown;
function keyDown() 
{ 
document.getElementById( "aa" ).innerText = document.getElementById("bb").value;
}
</script>