使用Java脚本将文本从一个文本框复制到另一个文本框

时间:2019-12-11 21:30:39

标签: javascript asp.net input text

我希望解决此问题,所以我有一个用于首字母缩写的文本框,我想将其复制到接下来的26个首字母缩写框中,以便于用户使用。

我想在客户端上执行此操作,所以我不会耗尽服务器端的性能。

我遇到的问题是,每当我调用应该复制文本的函数时,都会以某种方式禁用文本框,因此无法在文本框中键入任何内容。请查看下面的代码,让我知道我要去哪里了!

     <script type="text/javascript">
        function copyText() {

            var UI = document.getElementById("txtinitialOriginal").value;

            document.getElementById("initial1").innerHTML = UI;
        }
    </script>
<input type="text" onkeypress="copyText(); return false" runat="server" id="txtinitialOriginal" style="font-size:20px"  /> 

 <asp:TextBox ID="initial1"  placeholder="Initial Here" style="float:right" runat="server"></asp:TextBox>

我在做什么错?

1 个答案:

答案 0 :(得分:1)

使用InnerHtml将不会设置文本框的值。 InnerHTML替换输入中的HTML

尝试使用此值设置文本框

document.getElementById("initial1").value = UI;

document.getElementById("<%= initial1.ClientID %>").value = UI;

编辑:

您的文本框被禁用,因为您拥有

onkeypress="copyText(); return false" 

您需要return true