一个Input框值改变，另外一个显示内容也改变

 HTML页面代码css

<div style="width: 100%;height: 100%;">
    <span id="inp_1_spa">姓名</span><input id="inp_1" oninput="inpChange('inp_1');" autocomplete="off"><br><br>

    <span id="inp_2_spa">性别</span><input id="inp_2" oninput="inpChange('inp_2');" autocomplete="off"><br><br>

    <span id="inp_3_spa">年龄</span><input id="inp_3" oninput="inpChange('inp_3');" autocomplete="off"><br><br>

    <span id="inp_4_spa">班级</span><input id="inp_4" oninput="inpChange('inp_4');" autocomplete="off"><br><br>

    <span id="inp_5_spa">学校</span><input id="inp_5" oninput="inpChange('inp_5');" autocomplete="off"><br><br>

    <textarea id="ta" style="height: 300px;width: 500px;"></textarea>

</div>

JS代码spa

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);
        }