javascript - 在 JavaScript 中从 <textarea> 填充数组

Question

我如何从 <textarea> 中的文本填充数组？输入？

我的最终目标是获取一个名称列表，然后将其插入一个数组中以执行一些操作。名称将由行分隔，如下所示:

bob 
tim 
sally

然后添加到数组中。老实说，除了添加 <textarea> 之外，我不知道从哪里开始并创建一个空白数组。我正在阅读其他帖子，但它们使用的是 jQuery 或我还不知道的其他语言。我的理解是我必须以某种方式拆分内容？

Answer 1

这很简单:

var textarea = document.querySelector('textarea#names');
var textareaValue = textarea.value; // 'bob\ntim\nsally';
var arr = textareValue.split('\n');

split()获取字符串并将其切割成每个给定字符(或字符串)的数组。

\n 是换行符。

编辑:回答下面评论中提出的问题:

var names = [];
var textarea = document.querySelector('textarea#names');

function saveNames() {
    names = textarea.value.split('\n');
}

textarea.addEventListener('blur', saveNames, false);
// or this:
// textarea.addEventListener('keyup', saveNames, false);

您使用 events .您可以使用 blur事件甚至keyup事件。基本上，您会监听(事件)发生的事情(例如 textarea 失去焦点或用户按下键盘按钮)，然后执行某些操作(读取 textarea 值并将名称保存到数组)。

这当然是纯js，但是如果你想用jquery，那你需要去jquery引用看how to use events with jquery .