删除textarea中的一行

时间:2013-06-23 10:32:46

标签: javascript jquery

所以,我得到了一个在只读textarea中添加行的javascript函数,例如: 如果我按下按钮启动我的功能,我的textarea包含:

Line abcdef

如果我再次点击,我会:

Line abcdef
Line ghijkl

功能是:

function addLine() {
    document.getElementById('myTextArea').value +=
        'Line ' + document.getElementById('textinput').value + '\r\n';
}

但是现在我希望能够删除最新添加的行,以防用户犯了错误并想要纠正它。

有办法做到这一点吗?

2 个答案:

答案 0 :(得分:4)

拆分换行符,删除最后一行:

function removeLine() {
    var elem = document.getElementById('myTextArea'),
        val  = elem.value.split(/(\r\n|\n|\r)/g).filter(function(n){
                  return n.trim()
               });
    val.pop();
    elem.value = val.join('\r\n') + '\r\n';
}

FIDDLE

答案 1 :(得分:0)

这对你有用..

function removeLine()
{
    var removeval = document.getElementById('myTextArea').value;
    removeval = removeval.trim();
    var n = removeval.split("\n");
    delete n[(n.length)-1];
    var newval = n.join('\n');
    document.getElementById('myTextArea').value = newval;
}