textbox.和label 无刷新显示数据

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

1 楼hxmhh（不傻不自在）回复于 2006-09-14 20:27:23 得分 0

设置     texbox   的AutoPostBack=true     就可以了Top

2 楼ChengKing（(.net: http://blog.csdn.net/ChengKing )）回复于 2006-09-14 20:37:27 得分 0

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

3 楼nZAI（喃样）回复于 2006-09-14 21:08:01 得分 0

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

4 楼crazysnowwolf（终结者--Z）回复于 2006-09-14 21:13:52 得分 0

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

5 楼xgcom（xg）回复于 2006-09-15 01:18:40 得分 0

textbox   失去焦点事件。Top

6 楼iclife（孔子）回复于 2006-09-15 09:01:05 得分 0

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

7 楼milozy1983（Detective）回复于 2006-09-15 09:06:23 得分 0

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

8 楼gugu1981（庸者无惧）回复于 2006-09-15 09:25:05 得分 0

js的onchange事件就足够了Top

9 楼nickchai（菜虫）回复于 2006-09-15 09:42:14 得分 0

js   就足够了！Top

10 楼iclife（孔子）回复于 2006-09-15 10:08:20 得分 0

给发出来的代码么?Top

11 楼iclife（孔子）回复于 2006-09-15 10:11:26 得分 0

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

12 楼etilm（周贤）回复于 2006-09-15 10:26:44 得分 0

upTop

13 楼iclife（孔子）回复于 2006-09-15 10:31:08 得分 0

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

14 楼milozy1983（Detective）回复于 2006-09-15 11:05:16 得分 0

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

15 楼iclife（孔子）回复于 2006-09-15 11:27:36 得分 0

能给个示范吗??Top

16 楼milozy1983（Detective）回复于 2006-09-15 11:57:04 得分 0

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

17 楼milozy1983（Detective）回复于 2006-09-15 12:05:11 得分 10

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

18 楼gugu1981（庸者无惧）回复于 2006-09-15 15:11:04 得分 0

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

19 楼myyihua（潇洒年轮）回复于 2006-09-15 15:47:45 得分 15

<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>Top

20 楼iclife（孔子）回复于 2006-09-15 15:49:23 得分 0

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

21 楼meiwn（努力学习）回复于 2006-09-15 17:00:59 得分 0

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

22 楼paleyyang（我就是烟鬼）回复于 2006-09-15 17:23:19 得分 10

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

23 楼paleyyang（我就是烟鬼）回复于 2006-09-15 17:30:26 得分 0

用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;  
  }  
   
  大致应该是这样．如果有问题．回出来我改．  
  Top

24 楼microtry（米醋）回复于 2006-09-15 19:01:42 得分 0

?Top

25 楼iclife（孔子）回复于 2006-09-15 19:16:04 得分 0

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

26 楼paleyyang（我就是烟鬼）回复于 2006-09-15 19:53:11 得分 0

??Top

27 楼kubbye（小蛤蟆就是我）回复于 2006-09-15 20:41:16 得分 0

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

28 楼kubbye（小蛤蟆就是我）回复于 2006-09-15 20:42:30 得分 0

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

29 楼iclife（孔子）回复于 2006-09-18 13:50:36 得分 0

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

30 楼cyq1162（尘世中一个迷途小书童）回复于 2006-09-18 15:52:51 得分 5

给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()"/>Top

31 楼cyq1162（尘世中一个迷途小书童）回复于 2006-09-18 15:54:18 得分 0

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

32 楼myyihua（潇洒年轮）回复于 2006-09-18 16:05:54 得分 0

<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>Top

相关问题

• 帖主：iclife
• milozy1983
• myyihua
• paleyyang
• cyq1162

• CSDN .NET频道
• .NET类图书
• C#类图书
• .NET类源码下载