zoukankan      html  css  js  c++  java
  • 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事件需要执行的方法
    =============================================================




  • 相关阅读:
    iOS之UITableView的上拉刷新
    iOS xml文件的解析方式 XMLDictionary,GDataXMLNode,NSXMLParser
    iOS学习基本常识
    iOS常用宏定义
    iOS查错机制
    轻量级sqlite是增删改查
    iOS开发UI篇—ios应用数据存储方式(归档) :转发
    iOS面向对象的建模:MVC(OC基础)
    iOS下bound,center和frame
    CSS----学习2
  • 原文地址:https://www.cnblogs.com/lbonet/p/6860927.html
Copyright © 2011-2022 走看看