knockout select怎样循环显示options

最新推荐文章于 2019-08-10 12:03:20 发布

weixin_34384915

最新推荐文章于 2019-08-10 12:03:20 发布

阅读量235

点赞数

文章标签： python

原文链接：https://my.oschina.net/yxmBetter/blog/1586419

版权

2019独角兽企业重金招聘Python工程师标准>>>

knockout select循环显示

代码

<select  data-bind="options: peopleList,optionsText: 'name', optionsValue:'id',value: selectedPeople, optionsCaption: '选择人员...',event: { change: peopleChange}">
</select>

 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());
 });