JavaScript数组，并在列表中显示数据

我正在为我的JavaScripting类创建一个站点，首先出现的问题之一是将数据输入到数组中，并以高效、快速的模式进行操作，然后允许用户选择条目，然后在刷新时或自动更新的函数中使用它们的选择

我的第一个任务是创建多个阵列，这些阵列链接并包含游戏中提供的所有坦克的数据。那是100多辆坦克。
我的想法是创建一个“tank”对象，然后它有一个属性列表；'装甲值“，”国家“，”坦克名称“

假设这样做有效，我们就继续前进

在以下使用中，格式和语法很可能是错误的。

然后，我们将每个坦克对象分配给一个数组。 例如，坦克{0}将访问有关m4谢尔曼的值

我还需要一种方法来显示用户可以选择的可用数据的下拉列表。比如,

国家：美国坦克：M4谢尔曼坦克旋转：30度

用户对国家的选择也应缩小可选择的可用储罐范围。我假设我需要另一个函数来查看“坦克”对象数组，然后缩小结果范围

我尝试过的

我尝试用Html和JavaScript制作一个简单的列表，并取得了以下成果：

<div id="select_nation">
    <select>
        <script>select_nation();</script>
    </select>
</div>

选择_nation（）；

我不能那样做

我试图测试的是使用HTML中的

创建列表的能力，然后使用一个函数填充该列表，该函数将访问一个数组，该数组将返回Nation数组中的所有值，然后与.innerHTML一起使用，以填充

标记中的不同选择

---

感谢您提前提供的帮助，感谢您面前的一小段文字。

将坦克对象放入阵列即可

---

您可以将脚本放在任何位置，并向

添加选项

假设您的

有一个id

<select id="mySelect">

考虑使用一个框架，它可以在一个命令中完成所有这些

这是我的最爱。有点扁平，但也能胜任

请遵循和教程，然后再进一步在这个项目

祝您好运。

将向您展示如何从javascript对象数组中构建选择列表。从那里你可以看到他们选择了哪个选项，并缩小你的坦克列表以显示在其他地方。这一切都将在javascript中完成

编辑-显示基于国家的坦克列表 更新的演示，显示来自选定国家的坦克：

---

您需要使用js函数修改dom，无论是vanilla js还是使用JQuery我应该修改什么？您应该创建选项dom元素，并将它们附加到Selective中。这里有很多工作需要完成。首先，根据您的坦克对象数组，向我们介绍到目前为止javascript中的内容，并解释下拉列表中到底需要什么。使用Angular Js的建议似乎有助于缩小我的问题。非常感谢。看看我更新的演示，根据你对问题的描述，我认为这正是你想要的，不客气！感谢您的投票和接受答案；）

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Tank";
x.add(option);