<!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. extjs grid renderer参数用法
			
    今天在导出EXT的二维时老是报错,追进去看是renderer : function(value)的参数不对,经过一番研究,未免以后遇到再次浪费时间,记录一下. var cm = new Ext.gri ...
    
			
    2. 
						
  2. git删除某次提交（某个commit）的方法【转】
			
    本文转载自:https://www.36nu.com/post/275 git删除某次提交(某个commit)的方法 疯狂的兔子 发表于 4个月前 阅读 536 收藏 0 推荐 0 评论 0 推荐收藏 ...
    
			
    3. 
						
  3. HDU3183 A Magic Lamp —— 贪心（单调队列优化）/ RMQ / 线段树
			
    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3183 题解: 方法一:贪心. 在草稿纸上试多几次可以知道,删除数字中从左到右最后一位递增(可以等于)的 ...
    
			
    4. 
						
  4. 《数学之美》第15章 矩阵计算和文本处理中两个分类问题——SVD分解的应用
			
    转载请注明原地址:http://www.cnblogs.com/connorzx/p/4170047.html 提出原因 基于余弦定理对文本和词汇的处理需要迭代的次数太多(具体见14章笔记),为了找到 ...
    
			
    5. 
						
  5. U盘安装Ubuntu 14.04 LTS正式版 出现如下的提示，不能继续，如何操作？
			
    I had a problem (minor annoyance) when booting up Arch linux with a USB drive connected. The problem ...
    
			
    6. 
						
  6. Yii的缓存机制之页面缓存
			
    页面缓存是不能通过片段缓存来实现的,因为布局和内容不能同时缓存.只能通过过滤器来生成缓存. 实现方法: 在控制器里使用过滤器来实现 function filters (){ return array( ...
    
			
    7. 
						
  7. Batch Normalization层
			
    Batch Normalization的加速作用体现在两个方面:一是归一化了每层和每维度的scale,所以可以整体使用一个较高的学习率,而不必像以前那样迁就小scale的维度:二是归一化后使得更多的权 ...
    
			
    8. 
						
  8. Java原子属性更新器AtomicReferenceFieldUpdater的使用
			
    AtomicReferenceFieldUpdater是基于反射的工具类,用来将指定类型的指定的volatile引用字段进行原子更新,对应的原子引用字段不能是private的.通常一个类volatil ...
    
			
    9. 
						
  9. bzoj2750Road——最短路计数
			
    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2750 以每个点作为源点,spfa跑出一个最短路图(不一定是树,因为可能很多条最短路一样长): ...
    
			
    10. 
						
  10. 24.如何结束返回值是void的方法
			
    如何结束返回值是void的方法? return;只能够出现在方法类型是void 的方法中,用来结束方法. return后面还可以跟数据,后面的数据可以是整数.字符串.false.ture.小数.主要看 ...
    
			
    11.