如何在加载时捕获文本框值？ Jquery 与淘汰赛

Question

我需要捕获我的文本框值并将其存储在隐藏字段中。

在我第一次加载时，我从数据库中加载文本框中的值，并且我需要将相同的值放置在某种隐藏字段中，这使我的工作更轻松。

cshtml：

 <input type="hidden" id="sal3" />

 <input type="text" id="txtSalesPerson1" data-bind="value:$data.SalesPerson1"/>

这就是我尝试为隐藏字段分配值的方式，但我完成了按钮单击，在这种情况下我不需要。

 $('#sal3').val($('#txtSalesPerson1').val());

我正在寻找这个，因为在用户更改文本框值之前以及在他将值保存回数据库之前，我需要捕获文本框中的值，该值出现在我的初始加载中。

隐藏领域是最好的，但在飞行中我不知道如何接近。

虽然我可以让事情正常进行，但我需要使用 viewbag 等，这是一种简单但冗长的方法，我完全反对它。

因此，任何坚韧的人都会受到赞赏

干杯

Answer 1

您可以将隐藏的输入绑定到像这样的 observable：

viewmodel.SalesPerson1.InitialValue = ko.observable(null);
viewmodel.SalesPerson1.subscribe(function (newValue) {
    if (viewmodel.SalesPerson1.InitialValue() == null)
        viewmodel.SalesPerson1.InitialValue(newValue);
});

<input type="hidden" id="sal3" 
       data-bind="value: $data.SalesPerson1.InitialValue" />

<input type="text" id="txtSalesPerson1" data-bind="value:$data.SalesPerson1"/>

如果你在几个地方都需要它，你甚至可以写一个扩展器：

ko.extenders.initialValue = function (obs, options) {
    obs.InitialValue = ko.observable(null);
    obs.subscribe(function (newValue) {
        if (obs.InitialValue() == null)
            obs.InitialValue(newValue);
    });
}

viewmodel.SalesPerson1.extend({ initialValue: true });

Answer 2

只需将其放在您的视图中的document.ready 中，页面加载后它将在隐藏字段中设置文本框值。

这样做：

$(document).ready(function(){


$('#sal3').val($('#txtSalesPerson1').val());

})