<!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. Xshell和secureCRT
			
    作为一名测试人员,xshell和secureCRT用它们来查看日志.排查定位问题,用的时间长了总感觉只是摸着点皮毛,连这两个工具的名字以及它的工作原理都不清楚,就查了点资料来多了解下,虽然可能在日常工 ...
    
			
    2. 
						
  2. Mybatis设置sql超时时间
			
    开始搭建项目框架的时候,忽略了sql执行超时时间的问题. 原本使用.net开发是,默认的超时时间是30s,这个时间一般一般sql是用不到的,但也不排除一些比较复杂或数据量较大的sql. 而java中, ...
    
			
    3. 
						
  3. hadoop集群异常问题总结
			
    1. Could not find or load main class java.library.path=.opt.hadoop.lib 我的环境上是 hadoopopts变量的配置问题,至于为啥 ...
    
			
    4. 
						
  4. centos6.5安装jdk
			
    1.查看Linux环境自带JDK 使用命令:# rpm -qa|grep gcj 显示内容其中包含相应信息# java-x.x.x-gcj-compat-x.x.x.x-xxjpp# java-x.x ...
    
			
    5. 
						
  5. PHP自定义网站根目录
			
    1.打开httpd.conf配置文件(xampp下apache文件夹中的conf里) Ctrl + F 查找documentroot 找到结果 改好后保存,并重启apache
    
			
    6. 
						
  6. hdu-5776 sum(同余)
			
    题目链接: sum Time Limit: 2000/1000 MS (Java/Others)     Memory Limit: 131072/131072 K (Java/Others) Pro ...
    
			
    7. 
						
  7. webpack安装后package-lock.json 的作用
			
    这个文件主要功能是确定当前安装的包的依赖,以便后续重新安装的时候生成相同的依赖,而忽略项目开发过程中有些依赖已经发生的更新. 避免了依赖升级和当前项目不兼容!
    
			
    8. 
						
  8. SIP协议&开源SIP服务器搭建和客户端安装
			
    1. SIP SIP 是一个应用层的控制协议,可以用来建立,修改,和终止多媒体会话,例如Internet电话 SIP在建立和维持终止多媒体会话协议上,支持五个方面: 1)   用户定位: 检查终端用户 ...
    
			
    9. 
						
  9. ascall文件和二进制文件
			
    ascall文件可以打开让我们看你们的具体内容. 二进制文件打开我们看到的就是一堆乱码. ascall在换行时不同的平台不一样: windows上面用  \r\n linux上面用 \n 二进制的内容 ...
    
			
    10. 
						
  10. 编写 DockerFile
			
    编写 DockerFile 本节内容简介 在前面的实验中我们多次用到的 Dockerfile,在本实验里我们将通过完成一个实例来学习Dockerfile的编写. 本节中,我们需要依次完成下面几项任务: ...
    
			
    11.