版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
HTML页面代码
<div style="width: 100%;height: 100%;">
<span id="inp_1_spa">姓名</span><input id="inp_1" οninput="inpChange('inp_1');" autocomplete="off"><br><br>
<span id="inp_2_spa">性别</span><input id="inp_2" οninput="inpChange('inp_2');" autocomplete="off"><br><br>
<span id="inp_3_spa">年龄</span><input id="inp_3" οninput="inpChange('inp_3');" autocomplete="off"><br><br>
<span id="inp_4_spa">班级</span><input id="inp_4" οninput="inpChange('inp_4');" autocomplete="off"><br><br>
<span id="inp_5_spa">学校</span><input id="inp_5" οninput="inpChange('inp_5');" autocomplete="off"><br><br>
<textarea id="ta" style="height: 300px;width: 500px;"></textarea>
</div>
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);
}