html改变输入框的值,一个Input框值改变,另一个显示内容也改变
生活随笔
收集整理的這篇文章主要介紹了
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框值改变,另一个显示内容也改变的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android可输入的下拉框,andro
- 下一篇: css html 属性区别是什么,css