2010-07-13 119 views
1

我想按字符在標籤上顯示在文本框中輸入的文本。動態更新文本框上的標籤文本更改?

即,如果我在文本框中輸入一個字符,我需要在標籤中顯示該字符。 直到文本框的長度,此過程也必須爲標籤完成。

我該如何做到這一點?

+0

順便說一句你想JS或C#? – 2010-07-13 12:50:49

回答

0

一個JavaScript我更好的情況下。對於一個字符的人物,使用onkeypress JavaScript事件。也將與onchange事件一起工作。

<asp:Textbox onkeypress="WriteName(this.id);" id="txtT" runat="server"> 
<asp:label id="Test" runat="server"> 

function WriteName(id) 
{ 
document.getElementById('<% = Test.ClientID %>').value=document.getElementById('<% = txtT.ClientID %>').value; 
} 
+0

肯定會是'runat =「client」'? – fbstj 2010-07-13 13:10:57

+0

runat =「客戶端」不存在,您必須使用標準HTML來執行此操作。它可能需要在回發(提交)時從服務器端獲取控件的值。 – DavRob60 2010-07-13 13:32:15

3
<script language="javascript"> 
function Changed(textControl) 
{ 
    document.getElementbyId('label').value = textControl.value ; 
} 
</script> 

<asp:TextBox id="txtName" runat="server" onchange="javascript:Changed(this);" /> 
0

也可以使用jQuery

$("id$=myTextBox").keypress(function() { $("id$=myLabel").html(this.value); }); 
0

簡單的一條線......

</head> 
<body> 
    <form id="form1" runat="server"> 

     <asp:TextBox ID="TextBox1" runat="server" onkeyup="document.getElementById('Label1').innerHTML=this.value;"></asp:TextBox> 
     <asp:label id="Label1" runat="server"></asp:label> 

    </form> 
</body>