Asp.net 如何在另一个文本框的值即将更改时立即更改一个文本框的值

我正在制作一个asp.net网页，其中有三个文本框。 让我们考虑TeXBOX1、TeXBOX2、TrimBox 3。现在，当我加载页面时，textbox1的默认值是10000。现在我想在textbox2中输入一个值。一旦我在textbox2中输入值，它就会自动在textbox3中显示剩余值。 例子： Textbox1值的默认值为10000。 当我在文本框2中输入1500时。

---

textbox3的值应为8500。textbox2的值一改变，它就会立即改变。无论textbox2的值是什么，它都应该从textbox1中减去，并且应该在不按任何按钮的情况下立即在textbox3上闪烁。

有多种方法可以做到这一点，目前为止最简单的方法是KnockoutJS

可以将模型绑定到所有三个文本框。第三个框将绑定一个

计算的可观察对象

像这样：

假设您的UI代码如下所示：

<div id="application">
    <input type="text" data-bind="value: init1, valueUpdate='afterkeydown'" value="1000"/>
    <input type="text" data-bind="value: init2, valueUpdate='afterkeydown'"/>
    <input type="text" data-bind="value: computed"/>
</div>

---

您需要jQuery和KnockoutJS才能工作。

您需要javascript来完成这项工作。您以前使用过jquery的javascript吗？请显示您尝试过的代码。这就像textbox1从数据库中获取值一样。用户只能向textbox2输入值，textbox3将显示减去的值automatically@AbhishekPradhan这是客户端代码。这种魔力只有在客户端才可能实现。但是，您可以编写Ajax调用来将数据拉入和拉出ViewModel（vm）

$(function(){
    var ViewModel = new function(){
        this.init1 = ko.observable(1000);
        this.init2 = ko.observable(0);
        this.computed = ko.computed(function(){ 
            return this.init1() - this.init2();
        });
    };

    var vm = new ViewModel();
    ko.applyBindings(vm, document.getElementById('application');
});