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事件需要执行的方法
    =============================================================




  • 相关阅读:
    前端基础(2)CSS
    前端基础(1)、HTML
    MySQL数据库,这一篇就够啦!!!(持续更新)
    十、数据库之流程控制
    九、数据库之存储过程和函数
    spring注解总结
    eclipse导入项目后错误的处理方式
    ssm分页查询错误
    字节编址和字的区别(转)
    数据库查询练习
  • 原文地址:https://www.cnblogs.com/lbonet/p/6860927.html
Copyright © 2011-2022 走看看