從 Textarea 獲取文本，並將每一行存儲在單獨的變量中

Question

我想為我的網站制作一個自定義訂單表格，這將允許客戶將自定義雕刻消息輸入到文本區域。 客戶最多可以雕刻 3 行。

我想從 textarea 收集文本，並將每一行分成自己的變量。 例如，如果客戶在 textarea 中輸入：

Amy and John Smith
12/14/95
I'll always be by your side

是否可以將每一行存儲為自己的變量？ （在 JavaScript 中）

var engravementLine1 = "Amy and John Smith";
var engravementLine2 = "12/14/95";
var engravementLine3 = "I/'ll always be by your side";

Answer 1

如果您希望保留特定格式，我不建議使用 textarea，因為眾所周知，用戶會輸入不可預測的內容。

您可以使用以下代碼獲取<textarea id="mytextarea"></textarea>的每一行：

document.getElementById('mytextarea').value.split('\n');

這會給你這樣的東西

const resultArr = ["Amy and John Smith", "12/14/95", "我會一直在你身邊"]

然后您可以使用resultArr並將所有內容映射到您的變量，就像這樣

var engravementLine1 = resultArr[0];
var engravementLine2 = resultArr[1];
var engravementLine3 = resultArr[2];

更新：查看基於 Javascript 中的換行符解析子字符串中的 textarea

Answer 2

您可以使用.split(/\\n/)拆分輸入的值，其中/\\n/是換行符的正則表達式。 所以這樣做：

const string = "
Amy and John Smith
12/14/95
I'll always be by your side
"

const splitUp = string.split(/\n/)

將為您提供一個數組，其中每一行都是數組中的一個新項目，然后可以輕松地為其分配值。