更新:终于找出解决方案

我不能使用Rahul提供的答案的原因是HTML输入必须预先定义/硬编码。我知道这是违背淘汰赛js的本质,但是,这个数据输入屏幕的目的是让病人输入他们的联系信息,因此依靠用户添加联系人类型是不可靠的。

var AddressDetailModel = function (FName, LName) {

var self = this;

self.FName = ko.observable(typeof (FName) != "undefined" ? FName : "");

self.LName = ko.observable(typeof (LName) != "undefined" ? LName : "");

}

var EnrolViewModel = function() {

var self = this;

self.AddressDetails = ko.observable({

"Mother/Carer": new AddressDetailModel(),

"Contact 1": new AddressDetailModel()

});

}

var VM = new EnrolViewModel();

ko.applyBindings(VM);

.JSON {width:95%; margin: 15px auto 15px auto}

PERSONAL DETAILS

First Name

Last Name

CONTACTS 1

First Name

Last Name

ViewModel JSON:

2014-09-22

lpfy

用JS向HTML文本框输入,淘汰赛JS - 双向绑定多个输入(硬编码的HTML输入文本框),并得到JSON阵列...相关推荐

  1. Vue.js 学习笔记 六 v-model 双向绑定数据

    之前说的v-bind指令,可以绑定数据,但是是单向的,从model向view绑定,下面介绍v-model,可以双向绑定数据 <div id="divApp"><p ...

  2. html文本框自动赋值,js给文本框赋值 value与innerHTML

    赋值操作: document.getElementById("testId").value="hello"; value与innerHTML的区别 上面的val ...

  3. html设置文本框只读属性,juqery/js/css设置文本框只读属性的方法

    一.设置HTML表单文本框为只读的几种方式 有时候,我们希望表单中的文本框是只读的,让用户只能查看信息而不能修改其中的信息,使 input type="text" name=&qu ...

  4. html中搜索框提示语,JS实现搜索关键词的智能提示功能

    最近在百度搜索的时候,当你输入一个字或者词的时候,他会给你们弹出一个下拉框出来,里面是和你相关的搜索提示 比如 我输入杨字,他会给我提示以下搜索提示 我尝试着用JavaScript做了一个类似的练习, ...

  5. js根据判断改变html字符串长度,js如何判断输入字符串长度

    js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: js判断输入字符串长度(汉字算两个字符,字母数 ...

  6. Bootstrap插件(一)——模态框(modal.js)

    前言:这一片文章我们将对bootstrap的modal模态框进行学习,学习他是如何绑定到一个按钮上去点击显示,学习模态框的简单数据配置,学习模态框的使用方式,事件,方法.参数等:下面是modal的内容 ...

  7. html css好看的提示框,div对话框,js+div+css实现好看的提示框效果(转)

    div对话框,js+div+css实现好看的提示框效果(转) (2012-02-18 20:46:23) 标签: html div css 杂谈 提示窗都越来越人性化了,呵呵,有的时候老板就和你要那么 ...

  8. 智能搜索框html代码,js实现搜索框关键字智能匹配代码

    只要使用搜索引擎的朋友应该都有这样的体会,就是当在搜索框输入关键字的时候,会出现自能匹配现象,这绝对是非常好的用户体验,下面就是一段类似的代码,当然这里只是掩饰,所以只能匹配的数据都是本地固定好的,在 ...

  9. 原创jQuery移动设备弹出框插件——msgalert.js

    最近开发经常会用到顶部弹出框,虽然有现成的(bootstrap等),但是都很臃肿,对于有些时候移动端活动页面有点大材小用.所以今晚花了20分钟写了一个通用的插件,我将其命名为msgalert.js. ...

最新文章

  1. 一眼识别这是什么鸟,比人类还厉害的“我们来找茬”十级选手诞生!
  2. 关于同步加载与异步加载的区别
  3. DayDayUp之Job:牛客网—算法工程师—剑指offer之66道在线编程(解决思路及其代码)——41~66
  4. 看奥运之一:实力是最重要的
  5. 赞扬别人团建评论_赞扬精心设计:基于属性的测试如何帮助我成为更好的开发人员...
  6. 15 SD配置-企业结构-分配-给工厂分配起运点
  7. ffmpeg 从MP4转flv
  8. python金融衍生品_《Python金融衍生品大数据分析:建模、模拟、校准与对冲(博文视点出品)》【摘要 书评 试读】- 京东图书...
  9. mysql如何进行数据透视,mysql-如何优化数据透视表的条件检查?
  10. 关系型数据库(八),数据库其他面试题
  11. Flink作业问题分析和调优实践
  12. Tensorflow自编码器及多层感知机
  13. Android相同包名不同签名的apk安装失败问题分析
  14. 基于DSP/FPGA的超高速跳频系统基带设计与实现
  15. 人像美颜美妆算法入门必备
  16. 目标跟踪VOT2016的配置
  17. 自定义view之无限滚动的刻度尺
  18. 移植python到小米路由器记录。
  19. Android手机中使用Termux安装ubuntu系统
  20. tui.editor所见即所得编辑器的使用

热门文章

  1. css基础知识入门教程免费,DIVCSS入门基础知识教程.doc
  2. 农村土地确权之例会纪要—— 新蔡县土地确权第九次例会会议纪要
  3. 瘦客户服务器哪个系统最好,云终端和瘦客户机的区别以及优缺点分析
  4. linux开机系统进不去,Linux系统无法启动的解决办法
  5. 如何选择架构中的底层工具?OpenMLDB 在 Akulaku 数据驱动中的应用实践给你答案
  6. mysql thd_MySQL 5.7: 数据库THD连接管理重构-阿里云开发者社区
  7. 使用vite + SSR使用依赖碰到document is not defined的解决方法
  8. 对数据库中的数据进行排序
  9. 小学数学教材分析——分数的定义
  10. PAIP: Paradigms of Artificial Intelligence Programming