<!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. JavaWeb浏览器传值乱码
			
    在Java服务接口调用中,可能会出现乱码,如下图所示: 这是由编码不一致而致的乱码,可转,如下: name = new String(name.getBytes("ISO-8859-1&qu ...
    
			
    2. 
						
  2. [HTML & CSS] HTML和CSS基础知识
			
    最近将博客简单地修饰了下,需要用到HTML和CSS代码,花了一天时间学习了一下这两方面的知识.虽然内容很简单,但是足够用来修改自己的博客了. 1. HTML 1.1. HTML介绍 HTML与CSS的 ...
    
			
    3. 
						
  3. [CPP] Coding Style
			
    C++ Coding Style C++很多强大的语言特性导致它的复杂,其复杂性会使得代码更容易出现bug.难于阅读和维护. 由于,本人有一点点代码洁癖,所以依照Google的C++编程规范<G ...
    
			
    4. 
						
  4. 如何在时间复杂度为O（n）空间复杂度为O（1）的情况下完成链表的逆置
			
    问题如题目,首先分析,链表的反转的空间复杂度如果为常数级,那么不可能完成从堆中申请数据来完成链表的反转工作,所以问题就转化为了如何将原链表修改/拆解为逆置的链表: 函数形式假定如下  void Inv ...
    
			
    5. 
						
  5. 使用libcurl进行HTTP GET操作
			
    Working example how to do a GET request with libcurl and save it to a string variable for future use ...
    
			
    6. 
						
  6. ffmpeg 中av_rescale_rnd 的含义
			
    http://blog.csdn.net/fireroll/article/details/8485482 一.函数声明: int64_t av_rescale_rnd(int64_t a, int6 ...
    
			
    7. 
						
  7. eclipse订制快捷键
			
    步骤: 1.window-preference. 2.在(1)处输入keys,在(2)处输入命令的原来的快捷键,方便找到Binding,在(3)处输入自定义的快捷键.点击“apply and clos ...
    
			
    8. 
						
  8. java 基于百度地图API GPS经纬度解析地址
			
    首先这是百度地图api 的接口地址,基于接口的参数,不过多介绍,其中都提供相应的介绍: http://lbsyun.baidu.com/index.php?title=webapi/guide/web ...
    
			
    9. 
						
  9. 并不对劲的bzoj3677:p3647:[APIO2014]连珠线
			
    题目大意 有一种生成\(n\)个点的树的方法为: 一开始有一个点,\(n-1\)次操作,每次可以有两种操作:1.选一个点,用一条红边将它与新点连接:2.将新点放在一条红边上,新点与这条红边两端点直接的 ...
    
			
    10. 
						
  10. BZOJ_5416_[Noi2018]冒泡排序_DP+组合数+树状数组
			
    BZOJ_5416_[Noi2018]冒泡排序_DP+组合数+树状数组 Description www.lydsy.com/JudgeOnline/upload/noi2018day1.pdf 好题. ...
    
			
    11.