在Asp.Net MVC 4中使用模型绑定和Knockout绑定选择元素,可以按照以下步骤进行:
$(document).ready(function() {
// 定义ViewModel对象
var viewModel = {
options: ko.observableArray([
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
]),
selectedOption: ko.observable()
};
// 应用Knockout绑定
ko.applyBindings(viewModel);
// 在选择元素的值发生改变时触发的事件
$('#mySelect').change(function() {
// 获取选择的选项的值
var selectedValue = $(this).val();
// 更新ViewModel的selectedOption属性的值
viewModel.selectedOption(selectedValue);
});
});
在这个示例中,ViewModel对象包含一个可观察的数组options,用于存储选择元素的选项。selectedOption属性用于存储选择的选项的值。在选择元素的值发生改变时,通过jQuery的change事件,将选择的选项的值更新到ViewModel的selectedOption属性中。
这样,当用户选择了一个选项时,ViewModel对象中的selectedOption属性的值会发生改变,你可以根据需要将其提交到服务器端进行处理。