Question

我有一个由30行组成的textarea。我想在这个textarea上显示以下数组元素，并向textarea添加更多元素。之后，我想再次将添加的元素追加到同一个数组中。数组如下：

var words = [''Starbucks'，'Coffee'，'Tea'，'Chai'，'Milk Tea'，'Mocha'，'Drink'，'Smoothy'，'Milk'，'Cappuccino']; < / p>

我该如何完成这项任务？我正处于Javascript的学习过程中，我需要帮助我完成正在进行的研究项目。如果有人可以帮助我或者为我提供有价值的建议，我会非常感激。

顺便说一句，我尝试过使用Array.join（）方法，但它对我没用。

Answer 1

如果我理解你的需要，这应该有效;）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>words</title>

</head>
<body>

<label for="wordList">words</label>
<textarea id="wordList"></textarea>
<br />
<button onclick="loadFromArray();">Load from array</button>
<button onclick="saveToArray();">Save textarea to array</button>

    <script>
        var words = ['Starbucks', 'Coffee', 'Tea', 'Chai', 'Milk Tea', 'Mocha', 'Drink', 'Smoothy', 'Milk', 'Cappuccino'];
        console.log('initials words = %o', words);

        function loadFromArray() {
            document.getElementById('wordList').value = words.join('\n');
            console.log('loading words %o into textarea', words);
        }

        function saveToArray() {
            words = document.getElementById('wordList').value.split('\n');
            console.log('saving words %o from textarea', words);
        }
    </script>
</body>
</html>

将textarea值附加到现有数组javascript

1 个答案: