Question

我需要使用jQuery将textarea内容拆分为内容的特定行号的两个textareas。可以这样做吗？

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

非常感谢任何帮助。

C

Answer 1

试试此代码，

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

查看FIDDLE DEMO

jQuery将textarea内容拆分为特定行号的两个textareas

1 个答案: