jQuery在特定行号将textarea内容分为两个textarea

debugcn 发表于 Dev

网络坎贝尔

我需要使用jQuery在内容的特定行号处将textarea内容分为两个textarea。能做到吗？

我用谷歌搜索，但找不到任何东西。jQuery非常强大，我本以为可以做到的。

非常感谢对此的任何帮助。

CJ框架

试试这个代码，

<select id='lineSelector'>
    <option>- select line -</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>
<br/>
<textarea id='tarea' cols='40' rows='5'>first line second line third fourth fifth</textarea>
<textarea id="newarea" cols="40" rows="5"></textarea>

javascript代码

function selectTextareaLine(tarea, lineNum) {
    lineNum--; // array starts at 0
    var lines = tarea.value.split("\n");
// calculate start/end
var startPos = 0,
    endPos = tarea.value.length;
for (var x = 0; x < lines.length; x++) {
    if (x == lineNum) {
        break;
    }
    startPos += (lines[x].length + 1);

}
var final = tarea.value.substring(startPos, endPos);
tarea.value = tarea.value.replace(final,"");
}

/// debugging code
var sel = document.getElementById('lineSelector');
var tarea = document.getElementById('tarea');
sel.onchange = function () {
    selectTextareaLine(tarea, this.value);
}

查看现场演示

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。