用JS向HTML文本框输入,淘汰赛JS - 双向绑定多个输入(硬编码的HTML输入文本框),并得到JSON阵列...
更新:终于找出解决方案
我不能使用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阵列...相关推荐
- Vue.js 学习笔记 六 v-model 双向绑定数据
之前说的v-bind指令,可以绑定数据,但是是单向的,从model向view绑定,下面介绍v-model,可以双向绑定数据 <div id="divApp"><p ...
- html文本框自动赋值,js给文本框赋值 value与innerHTML
赋值操作: document.getElementById("testId").value="hello"; value与innerHTML的区别 上面的val ...
- html设置文本框只读属性,juqery/js/css设置文本框只读属性的方法
一.设置HTML表单文本框为只读的几种方式 有时候,我们希望表单中的文本框是只读的,让用户只能查看信息而不能修改其中的信息,使 input type="text" name=&qu ...
- html中搜索框提示语,JS实现搜索关键词的智能提示功能
最近在百度搜索的时候,当你输入一个字或者词的时候,他会给你们弹出一个下拉框出来,里面是和你相关的搜索提示 比如 我输入杨字,他会给我提示以下搜索提示 我尝试着用JavaScript做了一个类似的练习, ...
- js根据判断改变html字符串长度,js如何判断输入字符串长度
js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: js判断输入字符串长度(汉字算两个字符,字母数 ...
- Bootstrap插件(一)——模态框(modal.js)
前言:这一片文章我们将对bootstrap的modal模态框进行学习,学习他是如何绑定到一个按钮上去点击显示,学习模态框的简单数据配置,学习模态框的使用方式,事件,方法.参数等:下面是modal的内容 ...
- html css好看的提示框,div对话框,js+div+css实现好看的提示框效果(转)
div对话框,js+div+css实现好看的提示框效果(转) (2012-02-18 20:46:23) 标签: html div css 杂谈 提示窗都越来越人性化了,呵呵,有的时候老板就和你要那么 ...
- 智能搜索框html代码,js实现搜索框关键字智能匹配代码
只要使用搜索引擎的朋友应该都有这样的体会,就是当在搜索框输入关键字的时候,会出现自能匹配现象,这绝对是非常好的用户体验,下面就是一段类似的代码,当然这里只是掩饰,所以只能匹配的数据都是本地固定好的,在 ...
- 原创jQuery移动设备弹出框插件——msgalert.js
最近开发经常会用到顶部弹出框,虽然有现成的(bootstrap等),但是都很臃肿,对于有些时候移动端活动页面有点大材小用.所以今晚花了20分钟写了一个通用的插件,我将其命名为msgalert.js. ...
最新文章
- 一眼识别这是什么鸟,比人类还厉害的“我们来找茬”十级选手诞生!
- 关于同步加载与异步加载的区别
- DayDayUp之Job:牛客网—算法工程师—剑指offer之66道在线编程(解决思路及其代码)——41~66
- 看奥运之一:实力是最重要的
- 赞扬别人团建评论_赞扬精心设计:基于属性的测试如何帮助我成为更好的开发人员...
- 15 SD配置-企业结构-分配-给工厂分配起运点
- ffmpeg 从MP4转flv
- python金融衍生品_《Python金融衍生品大数据分析:建模、模拟、校准与对冲(博文视点出品)》【摘要 书评 试读】- 京东图书...
- mysql如何进行数据透视,mysql-如何优化数据透视表的条件检查?
- 关系型数据库(八),数据库其他面试题
- Flink作业问题分析和调优实践
- Tensorflow自编码器及多层感知机
- Android相同包名不同签名的apk安装失败问题分析
- 基于DSP/FPGA的超高速跳频系统基带设计与实现
- 人像美颜美妆算法入门必备
- 目标跟踪VOT2016的配置
- 自定义view之无限滚动的刻度尺
- 移植python到小米路由器记录。
- Android手机中使用Termux安装ubuntu系统
- tui.editor所见即所得编辑器的使用
热门文章
- css基础知识入门教程免费,DIVCSS入门基础知识教程.doc
- 农村土地确权之例会纪要—— 新蔡县土地确权第九次例会会议纪要
- 瘦客户服务器哪个系统最好,云终端和瘦客户机的区别以及优缺点分析
- linux开机系统进不去,Linux系统无法启动的解决办法
- 如何选择架构中的底层工具?OpenMLDB 在 Akulaku 数据驱动中的应用实践给你答案
- mysql thd_MySQL 5.7: 数据库THD连接管理重构-阿里云开发者社区
- 使用vite + SSR使用依赖碰到document is not defined的解决方法
- 对数据库中的数据进行排序
- 小学数学教材分析——分数的定义
- PAIP: Paradigms of Artificial Intelligence Programming