<!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. Xmpp学习之Asmack取经-asmack入门（一）
			
    1.XMPPConnection:它主要是用来创建一个跟XMPP服务端的Socket连接.它是与Jabber服务端的默认连接并且已经在RFC 3920中精确定义过了.示例如下: XMPPConnect ...
    
			
    2. 
						
  2. 重学DSP：对于卷积的理解
			
    最近,我发现自己对于一个事情,如果不给自己一个说服自己的理由,就会出现不能理解,不能记住,以至于不会使用或者“盲目”应用的情况. 但是,我学的这个学科就是应当建立在对信号作用过程的理解上面的. 下面, ...
    
			
    3. 
						
  3. 编辑xml文件时不能自动提示问题的解决
			
    在编辑xml文件时,eclipse总是不能自动提示,在网上找了一些资料,大部分都是说关于xml editor配置的,下面也把这个方法罗列在下面,以供参考: 解决办法:在eclipse的菜单里,找到wi ...
    
			
    4. 
						
  4. 脚踏实地学C#3-装箱和拆箱
			
    装箱:一种接受值类型的值,根据这个值在堆中创建一个完整的引用类型对象并返回对象的引用(堆地址)的隐式转换 int i_number = 2; //在栈中声明int类型i_Number变量并初始化 ob ...
    
			
    5. 
						
  5. CentOS6.5 yum源设置
			
    在安装完CentOS后一般需要修改yum源,才能够在安装更新rpm包时获得比较理想的速度. 国内比较快的有163源.sohu源.这里以163源为例子. 1. cd /etc/yum.repos.d 2 ...
    
			
    6. 
						
  6. BZOJ_1044_[HAOI2008]木棍分割_二分答案+DP+单调队列
			
    BZOJ_1044_[HAOI2008]木棍分割_二分答案+DP Description 有n根木棍, 第i根木棍的长度为Li,n根木棍依次连结了一起, 总共有n-1个连接处. 现在允许你最多砍断m个 ...
    
			
    7. 
						
  7. RAutomation 在 Watir中的使用
			
    RAutomation的用法 require "rautomation" # 通过匹配部分标题来获取窗口 window = RAutomation::Window.new(:tit ...
    
			
    8. 
						
  8. bzoj 3781 小B的询问——分块
			
    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=3781 非常经典的分块套路.于是时间空间比大家的莫队差了好多…… #include<io ...
    
			
    9. 
						
  9. JavaScript-Tool：jquery.vaidate.js
			
    ylbtech-JavaScript-Tool:jquery.vaidate.js 1.返回顶部 1. 2. 3. 2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部 0. https ...
    
			
    10. 
						
  10. ASP.NET：Global.asax
			
    ylbtech-.Net-ASP.NET:Global.asax 1.返回顶部 1. 一.定义:Global.asax 文件(也称为 ASP.NET 应用程序文件)是一个可选的文件,该文件包含响应 A ...
    
			
    11.