html改变输入框的值,一个Input框值改变,另一个显示内容也改变
生活随笔
收集整理的這篇文章主要介紹了
html改变输入框的值,一个Input框值改变,另一个显示内容也改变
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
HTML頁(yè)面代碼
姓名
性別
年齡
班級(jí)
學(xué)校
JS代碼
var ta_nr={
'姓名' : '',
'性別' : '',
'年齡' : '',
'班級(jí)' : '',
'學(xué)校' : ''
};
function inpChange(id) {
var nr = $('#'+id).val();
var mc = $('#'+id+'_spa').text();
ta_nr[mc] = nr;
//復(fù)制一個(gè)對(duì)象
//直接var outPutObject = ta_nr不行,因?yàn)楦淖僶utPutObject會(huì)同步改變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);
}
總結(jié)
以上是生活随笔為你收集整理的html改变输入框的值,一个Input框值改变,另一个显示内容也改变的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android可输入的下拉框,andro
- 下一篇: css html 属性区别是什么,css