首页 > 代码库 > kojs select绑值(工作)
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‘ 绑定时显示字段为nameoptionsValue:‘id‘ 绑定时值字段为idvalue: selectedPeople 值保存在哪个对象中optionsCaption: ‘选择人员...‘ 默认下拉框中的文字event: { change: peopleChange}" 指定onchange事件需要执行的方法
=============================================================kojs select绑值(工作)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。