kojs select绑值(工作)
Posted LBO.net
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了kojs select绑值(工作)相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>select</title> <script src="jquery-1.10.2.min.js"></script> <script type="text/javascript" src="knockout-3.2.0.js"></script> <script> function MyViewModel() { var self = this; //用self替代this self.peopleList = ko.observableArray([ { name: "张三", id: "1" }, { name: "李四", id: "2" }, { name: "王五", id: "3" } ]); //监控数组 self.selectedPeople=ko.observable(0); //记录已选中的人员值 self.peopleChange=function() //选择某个选项后的事件。 { alert(self.selectedPeople()); } } $(function () { ko.applyBindings(new MyViewModel()); }); </script> </head> <body> <div> <select data-bind="options: peopleList, optionsText: ‘name‘, optionsValue:‘id‘,value: selectedPeople, optionsCaption: ‘选择人员...‘,event: { change: peopleChange}"> </select> </div> </body> </html>
=============================================================
options: peopleList 指定绑定数据有哪个对象来。
optionsText: ‘name‘ 绑定时显示字段为name
optionsValue:‘id‘ 绑定时值字段为id
value: selectedPeople 值保存在哪个对象中
optionsCaption: ‘选择人员...‘ 默认下拉框中的文字
event: { change: peopleChange}" 指定onchange事件需要执行的方法
=============================================================
以上是关于kojs select绑值(工作)的主要内容，如果未能解决你的问题，请参考以下文章
熊照华-Vim li cas koj tso kuv tawm ntawd