html改变输入框的值,一个Input框值改变，另一个显示内容也改变

HTML页面代码

姓名

性别

年龄

班级

学校

JS代码

var ta_nr={

'姓名' : '',

'性别' : '',

'年龄' : '',

'班级' : '',

'学校' : ''

};

function inpChange(id) {

var nr = $('#'+id).val();

var mc = $('#'+id+'_spa').text();

ta_nr[mc] = nr;

//复制一个对象

//直接var outPutObject = ta_nr不行，因为改变outPutObject会同步改变ta_nr

var outPutObject = Object.assign({},ta_nr);

for (k in outPutObject) {

if (outPutObject[k] == ''){

delete outPutObject[k];

}

var _nr = JSON.stringify(outPutObject);

_nr = _nr.replace(/"/g,'').replace('{','').replace('}','').replace(/,/g,'\n');

$('#ta').val(_nr);

}

html改变输入框的值,一个Input框值改变，另一个显示内容也改变相关推荐

vue el-element中el-select的el-option选中值，但页面框中不显示值，需要输入一个其他框值才显示，input同理
问题描述: el-element中el-select的el-option选中值,但页面框中不显示值,需要输入一个其他框值才显示.或者解决input无法输入值. //在el-select中写一个事件 @ ...
safari浏览器input框placeholder和内容都显示不全
safari浏览器input框placeholder和内容都显示不全一.效果图二.主要原因一.效果图二.主要原因主要是因为font-size的原因,加一个样式就好了 line-height: ...
html输入框自定义图片,图片input框自定义样式及前端回显
前言在实际项目中,经常需要用户选择图片以便后续的上传,这时要用到Html的input,并将其type设置为file.原生的input上传图片按钮通常无法符合设计稿,我的做法是将其透明度设置为0,再把 ...
input框输入中文内容，另一个input框中时时显示转换后的拼音首字母缩写
最近项目中需要完成在input标签内输入中文字符,动态的在另一个input中时时显示中文字符的首字母缩写(首字母都是大写).直接上代码: value属性可以写成value="",图 ...
java回车后自动从一个文本框切换到另一个_Java实用教程-Java基本语法-Java程序的构成...
Java源程序逻辑构成分为两大部分:程序头包的引用和类的定义. 1.程序头包的引用主要是指引用JDK软件包自带的包,也可以是自己定义的类.引用之后程序体中就可以自由应用包中的类的方法和属性等. 2. ...
layui-弹出层-input框值显示
数据显示使用data-th-value=" ":但data-th-text=" "会直接显示在页面的输入框上输入框验证:意思是id不能为空,必填 data-t ...
alert获取输入框内容_JS获取文本框值
一.获取文本框/编辑框/隐藏域框 function Mycheck(){ var checkstr="获取内容如下:\n"; if (document.form1.文章作者.val ...
VUE 项目去除 input 框值所有空格
去除空格的方法 str.trim(); //去掉首尾空格 str.replace(" ",""); //去除所有空格,包括首尾.中间 str.replaceAl ...
vue如何监听多个input框_vue中两个input框输入值，自动计算总和到另一个Input框，怎么实现...
computed:{ sum(){ return parseFloat(this.form.add1) + parseFloat(this.form.add2) } } v-model = 'sum' ...

html改变输入框的值,一个Input框值改变，另一个显示内容也改变

html改变输入框的值,一个Input框值改变，另一个显示内容也改变相关推荐

最新文章

热门文章