如何通过可观察属性（剔除）进行查看

Question

我有一个与ko.observableArray（[]）绑定的下拉列表。 在这里，我正在vm.selectedUser中捕获选择的值，这是一个ko.observable（）。 我想将此值分配给onchange事件@ Html.HiddenFor（m => m.UserName，新{id =“ hiddenUser”}）上的隐藏字段

$（“＃hiddenUser”）。val（vm.selectedUser）;

请帮忙。 谢谢

Answer 1

您可以订阅更改以执行此操作

vm.selectedUser.subscribe(function(newValue) {
    $("#hiddenUser").val(newValue));
});

或只是将隐藏字段绑定到您的可观察范围，这也应该起作用

@Html.HiddenFor(m => m.UserName, new {id="hiddenUser",data_bind = "value: selectedUser" })

Answer 2

您可以执行类似DEMO的操作 （我以自己的编码风格创建了小提琴，抱歉，可能与您不匹配，抱歉！）

假设，

var Users = ko.observableArray([]);//Your User List
var SelectedUser=ko.observable();//Your Dropdown selected Item, can be ID or Name.

您可以为下拉菜单的更改事件编写/定义函数：-

function selectionChanged(data){
console.log(SelectedUser());
    $('#hiddenUser').val(SelectedUser());//Displaying it in Textbox
            $('#hiddenUser2').val(SelectedUser());//Saving it in hidden field

};

我的HTML标记如下：

<select data-bind="options: Users, optionsText: 'Name', optionsValue: 'Id',value: SelectedUser,event: { change: selectionChanged }"></select>

<input type="text" id="hiddenUser"></input>
<input type="hidden" id="hiddenUser2"></input>

您还可以查看RP Niemeyer的Fiddle示例

Answer 3

无需jQuery和订阅，只需将隐藏的输入直接绑定到selectedUser可观察的对象即可：

@Html.HiddenFor(m => m.UserName, new {id="hiddenUser", data_bind="value: selectedUser" })

请注意，它是“ data_bind”而不是“ data-bind”。 在Razor中，破折号是无效的名称字符，但是它将自动将下划线转换为破折号。

[这并不意味着要成为广告，但这是我在视频中演示的关于在WintellectNOW dot com上同时使用Knockout和MVC的项目之一。