动态更新文本框上的标签文本更改?

时间:2010-07-13 12:47:20

标签: c# asp.net javascript

我希望逐个字符地显示在标签上的文本框中输入的文本。

即,如果我在文本框中输入一个字符,我需要在标签中显示该字符。 直到文本框的长度,此过程也必须为标签完成。

我怎样才能实现这个目标?

4 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分: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;
}

答案 2 :(得分:0)

也可以使用单行jQuery

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

答案 3 :(得分: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>