<!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绑值(工作)的更多相关文章
	

    
								
  1. jquery操作select(取值，设置选中）
		
    最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如<select class="selector"></ ...
    
		
    2. 
						
  2. jquery select取值，赋值操作
		
    select">jquery select取值,赋值操作 一.获取Select 获取select 选中的 text : $("#ddlRegType").find( ...
    
		
    3. 
						
  3. jQuery radio取值，checkbox取值，select取值
		
    语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkTex ...
    
		
    4. 
						
  4. easyui 》 radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中
		
    获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $(" ...
    
		
    5. 
						
  5. jquery获取radio和select选中值
		
    //jquery 获取radio选中值 <input type="radio" name="c_type" value="a" > ...
    
		
    6. 
						
  6. jquery动态刷新select的值，后台传过来List<T>，前台解析后填充到select的option中
		
    jquery动态刷新select的值:将后台传来的List<T>赋值到select下的option. 第一个select选择后出发该方法refreshMerchant(params),传递 ...
    
		
    7. 
						
  7. jquery radio取值，checkbox取值，select取值及选中
		
    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('in ...
    
		
    8. 
						
  8. $("#province").val();取不到select的值求解
		
    MVC下的razor视图开发中无法取到select的值问题求解 cshtml 如下 <select name="province" id="province&quo ...
    
		
    9. 
						
  9. asp.mvc获取checkbox、radio、select的值
		
    记录一下在asp.mvc中,提交表单时后台获取checkbox.radio.select值的方法. 1.获取select的值 <select name="type">  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. uboot显示logo的时候发现颜色偏黄【学习笔记】
			
    平台信息:内核:linux3.0.68 系统:android6.0平台:rk3288 将一张图片烧录进logo分区,发现在uboot读取这张图片并显示的时候发现颜色偏黄,解决办法,在烧录bmp图片的时 ...
    
			
    2. 
						
  2. PYTHON 爬虫笔记二:Urllib库基本使用
			
    知识点一:urllib的详解及基本使用方法 一.基本介绍 urllib是python的一个获取url(Uniform Resource Locators,统一资源定址器)了,我们可以利用它来抓取远程的 ...
    
			
    3. 
						
  3. codeforces   463C. Gargari and Bishops   解题报告
			
    题目链接:http://codeforces.com/contest/463/problem/C 题目意思:要在一个 n * n 大小的棋盘上放置两个bishop,bishop可以攻击的所有位置是包括 ...
    
			
    4. 
						
  4. Android Studio中的“favorites”和“bookmark”
			
    做项目难免来回查看某个文件的某个方法,某些文件可能访问率很高, 为了加快开发效率楼主推荐使用favorites (文件)bookmark (代码 行). favorites 的添加就在文件单击右键ad ...
    
			
    5. 
						
  5. 谈谈java中静态变量与静态方法在有继承关系的两个类中调用
			
    谈谈java中静态变量与静态方法在有继承关系的两个类中调用 学习的中如果遇到不明白或者不清楚的的时候,就是自己做些测试,自己去试试,这次我就做一个关于静态变量和静态方法在有继承关系的两个类中的问题测试 ...
    
			
    6. 
						
  6. hdu-5738 Eureka(组合计数+极角排序)
			
    题目链接: Eureka Time Limit: 8000/4000 MS (Java/Others)     Memory Limit: 65536/65536 K (Java/Others) Pr ...
    
			
    7. 
						
  7. CISCO-配置SSH
			
    PC直接连在交换机端口上,PC的ip地址是:192.168.1.1/24 在交换机的操作步骤如下: 1.设置交换机管理ip Switch#conf t Switch(config)#int vlan  ...
    
			
    8. 
						
  8. LiveCD、LiveDVD和BinDVD区别在哪里
			
    本文转载自: http://www.kankanews.com/ICkengine/archives/86968.shtml 1.CentOS系统镜像有两个,安装系统只用到第一个镜像即CentOS-6 ...
    
			
    9. 
						
  9. JAVA 内部类 （一）
			
    可将一个类定义置入另一个类定义中.这就叫作“内部类”.内部类对我们非常有用,因为利用它可对那些逻辑上相互联系的类进行分组,并可控制一个类在另一个类里的“可见性”.然而,我们必须认识到内部类与以前讲述的 ...
    
			
    10. 
						
  10. 【原】putty配置下载
			
    文章出自:http://www.cnblogs.com/david-zhang-index/p/3205354.html putty配置下载,已经配置好了,颜色非常不错 PUTTY.zip
    
			
    11.