javascript - 我有几个文本值数组，我想选择其中一个数组用作 HTML 数据列表

Question

我有几个文本值数组，我想使用其中一个数组根据用户在另一个数据列表中选择的值来填充 HTML 数据列表。我不知道如何编写代码。

这是我的代码，但还不完整。见????我可能需要一些额外的代码。最好的做法是将 map 数组保留在 HTML 中还是将它们放在一个或多个文件(js 或文本)中。如果它们应该在文件中，我不确定如何引用它们。

如果我硬编码使用 map1 或 map2 而不是 mapArray，这会起作用。

<script>
    var str=''; // variable to store the options
    var mapName = map; //will be text "Map 1" or "Map 2" up to "Map 30"
    var map1 = new Array("Caitlin", "Roadrunner", "More Values");
    var map2 = new Array("Ceedee #1, Ceedee#2"); // up to 30 values
    var mapArray[] = ????? //I want to copy the array for Map 1 or Map 2..
    for (var i=0; i < mapArray.length;++i) {
    str += '<option value="'+mapArray[i]+'" />'; // Storing options in      
    // variable
    }
    var my_list=document.getElementById("theList");
    my_list.innerHTML = str;
    </script>

Answer 1

听起来像是 spread operator ... 的用途

var map1 = new Array("Caitlin", "Roadrunner", "More Values");
var map2 = new Array("Ceedee #1, Ceedee#2");
var mapArray = [...map1, ...map2]; 
// map1 is now ["Caitlin", "Roadrunner", "More Values", "Ceedee #1, Ceedee#2"]