javascript - 使用javascript将文本从一个文本框复制到另一个文本框

Question

我希望修复此问题，所以我有一个用于首字母的文本框，我想将其复制到接下来的 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>

我做错了什么？

Answer 1

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

尝试用这个值设置文本框

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

或

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

编辑:

您的文本框被禁用，因为您有

onkeypress="copyText(); return false" 

你需要返回true