如何使用JavaScript将两个文本框相乘并显示结果

我正在开发一个asp.net Web应用程序。我想在这个程序中做的是有三个文本框。当用户在TextBox1和TextBox2中输入整数时，它将自动在TextBox3中显示乘法结果。我不知道该怎么做，这是我的代码

JavaScript代码

<script type="text/javascript">
        function multiply() {
            var txt1 = document.getElementById('<%= TextBox1.ClientID %>')
            var txt2 = document.getElementById('<%= TextBox2.ClientID %>')
            var result = txt1.ToString() * txt2.ToString();

            var rstTxtbox = document.getElementById('<%= TextBox3.ClientID %>')


            rstTxtbox = result.toString();
        }
    </script>

函数乘法（）{
var txt1=document.getElementById（“”）
var txt2=document.getElementById（“”）
var result=txt1.ToString（）*txt2.ToString（）；
var rstTxtbox=document.getElementById（“”）
rstTxtbox=result.toString（）；
}

Html:

x

只要将

.value

替换为

.ToString（）

<代码>.ToString（）在javascript中不存在

<script type="text/javascript">
        function multiply() {
            var txt1 = document.getElementById('<%= TextBox1.ClientID %>');
            var txt2 = document.getElementById('<%= TextBox2.ClientID %>');
            var result = txt1.value * txt2.value; //Here changes!

            var rstTxtbox = document.getElementById('<%= TextBox3.ClientID %>');


            rstTxtbox.value = result; //And here!!
        }
    </script>

函数乘法（）{
var txt1=document.getElementById（“”）；
var txt2=document.getElementById（“”）；
var result=txt1.value*txt2.value；//此处更改！
var rstTxtbox=document.getElementById（“”）；
rstTxtbox.value=result；//在这里！！
}

只要将

.value

替换为

.ToString（）

<代码>.ToString（）在javascript中不存在

<script type="text/javascript">
        function multiply() {
            var txt1 = document.getElementById('<%= TextBox1.ClientID %>');
            var txt2 = document.getElementById('<%= TextBox2.ClientID %>');
            var result = txt1.value * txt2.value; //Here changes!

            var rstTxtbox = document.getElementById('<%= TextBox3.ClientID %>');


            rstTxtbox.value = result; //And here!!
        }
    </script>

函数乘法（）{
var txt1=document.getElementById（“”）；
var txt2=document.getElementById（“”）；
var result=txt1.value*txt2.value；//此处更改！
var rstTxtbox=document.getElementById（“”）；
rstTxtbox.value=result；//在这里！！
}

您的错误在JavaScript代码中

首先，您需要使用JavaScript选择这两个值，这是由.value完成的

document.getElementById('<%= TextBox1.ClientID %>').value;

最后，您需要更改第三个文本框的值。不是元素本身

var rstTxtbox = document.getElementById('<%= TextBox3.ClientID %>')
rstTxtbox.value = result; 
//I haven't tested this code. If this doesn't work you can try rstTxtbox.innerHTML

var rstTxtbox=document.getElementById（“”）
rstTxtbox.value=结果；
//我还没有测试过这段代码。如果这不起作用，您可以尝试rstTxtbox.innerHTML

我希望这对你有帮助。 您的错误是选择了整个元素，但没有选择它们的值

---

您还可以将事件添加到这些文本框中。通过这种方式，您不需要在单击函数时使用按钮来执行该函数，但每次添加新值时都可以获得结果。您可以尝试更改事件或类似的操作。

您的错误在JavaScript代码中

首先，您需要使用JavaScript选择这两个值，这是由.value完成的

document.getElementById('<%= TextBox1.ClientID %>').value;

最后，您需要更改第三个文本框的值。不是元素本身

var rstTxtbox = document.getElementById('<%= TextBox3.ClientID %>')
rstTxtbox.value = result; 
//I haven't tested this code. If this doesn't work you can try rstTxtbox.innerHTML

var rstTxtbox=document.getElementById（“”）
rstTxtbox.value=结果；
//我还没有测试过这段代码。如果这不起作用，您可以尝试rstTxtbox.innerHTML

我希望这对你有帮助。 您的错误是选择了整个元素，但没有选择它们的值

---

您还可以将事件添加到这些文本框中。通过这种方式，您不需要在单击函数时使用按钮来执行该函数，但每次添加新值时都可以获得结果。您可以尝试更改事件或类似的操作。

当前结果是什么？当前结果是什么？我可以使用。value，只有value不信任visual studio on

javascript

代码的

intellisense

以及正确的扩展名。先试试。谢谢你的回复。我应该像这样在文本框3中使用onkeyup事件吗很高兴能帮上忙！不要忘记将答案标记为我可以使用的正确答案。value，只有value of不信任

javascript

上visual studio的

intellisense

代码以及正确的扩展名。先试试。谢谢你的回复。我应该像这样在文本框3中使用onkeyup事件吗很高兴能帮上忙！别忘了把答案标为正确答案