Javascript |将所选项目从列表框复制到文本区域

Question

我知道这是个愚蠢的问题，但我是 Javascript 的新手。

我有以下列表框:

<select id = 'data' multiple='multiple'>
    <option>test@email.com</option>
    <option>test@email.com</option>
    <option>test@email.com</option>
    <option>test@email.com</option>
    <option>test@email.com</option>
 </select>

在列表框下面有一个文本区域:

<textarea id = 'copydata'>
</textarea>

在文本区域下面是一个按钮:

<button id = 'add'>add email</button>

我想知道当用户使用 Javascript 按下按钮时，是否可以将列表框中选择的项目复制到文本区域。

请注意，列表框具有 multiple 属性，因此用户可以选择多个项目。

非常感谢任何帮助。

Answer 1

是的，这是可能的，不过你应该使用 jQuery 来简化它:

$("#add").click(function(){ // This event fires when you click the add button
    $("#data option:selected").each(function(){ // Loop through each selected option
        $("#copydata").val($("#copydata").val() + $(this).text() + "\n"); // Add its innerhtml to the textarea
    });
});