javascript - 当另一个文本框发生更改时，使用 JavaScript 函数更新一个文本框

Question

我有一个 JavaScript 函数，可以计算 2 个不同文本框中的字符数，并将值放入第三个文本框中。

这个函数的功能如下:

function CountChars() {
             var subjectLength = document.getElementById("txtBoxSubject").value.length;
             var msgLength = document.getElementById("txtBoxMsg").value.length;
             document.getElementById("txtBoxCnt").value = subjectLength + msgLength;
         }

我使用“onkeyup”从消息文本框中调用它，它工作正常。

<asp:TextBox ID="txtBoxMsg" runat="server" ClientIDMode="Static" 
              TextMode="MultiLine" onkeyup="CountChars()"></asp:TextBox>

可以使用下拉列表或用户向其中添加文本来更改主题文本框。因此，使用“onkeyup”对主题文本框不起作用。我尝试使用“onchange”，但“计数”文本框中未输入任何内容。

这是主题 html:

 <asp:TextBox ID="txtBoxSubject" runat="server" ClientIDMode="Static" onchange="CountChars()"></asp:TextBox>

我做错了什么？

当主题文本框中的文本发生变化时，如何调用 JavaScript 函数？

谢谢。

更新这是“主题”下拉列表以及更改时调用的函数。

 <asp:DropDownList ID="ddListSubject" runat="server" ClientIDMode="Static" AutoPostBack="true" onchange="SubjectChanged();">
        </asp:DropDownList>

function SubjectChanged() {
        var strSubject = document.getElementById("ddListSubject").value;
        if (strSubject == "Custom") {
            document.getElementById("txtBoxSubject").value = "";
            document.getElementById("txtBoxSubject").focus();
         }
        else {
            document.getElementById("txtBoxSubject").value = strSubject;
        }
        CountChars(); //number appears for a second then disappears
     }

Answer 1

看来您没有用半列终止该函数。使用类似 onkeyup="CountChars();"的内容