JavaScript数组,并在列表

时间:2016-01-28 17:33:59

标签: javascript html arrays

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

我的第一个任务是创建多个链接的数组,并包含游戏中提供的所有坦克的数据。那是超过100辆坦克 我的想法是创建一个“坦克”对象,然后有一个属性列表; '盔甲价值','国家','坦克名'。

假设我们继续努力。

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

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

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

Nation:American Tank:M4 Sherman坦克旋转:30度。

用户对国家的选择还应缩小可选择的可用坦克范围。我假设我需要另一个查看'tank'对象数组的函数,然后可以缩小结果范围?

我尝试过什么

我尝试使用Html和JavaScript制作一个简单的列表,并且做到了这一点:

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

我做不到。

我试图测试的是能够使用HTML中的<select>创建列表,然后用一个函数填充该列表,该函数将访问一个数组,该数组将返回Nation数组中的所有值,然后与.innerHTML一起使用以填充<select>标记中的不同选择。

感谢您提前提供的帮助以及面前的小文字围栏。

2 个答案:

答案 0 :(得分:1)

This demo将向您展示如何从javascript对象数组中构建选择列表。从那里,您可以查看他们选择的选项,并缩小您的坦克列表以显示在其他地方。这将全部在javascript中完成

编辑 - 显示基于国家的坦克清单

更新了显示来自所选国家/地区的坦克的演示: http://jsbin.com/segojezosi/1/edit?html,output

答案 1 :(得分:0)

将坦克对象放入数组中就可以了。

您可以将脚本放在任何位置,并为<select>添加选项。

假设您的<select>有身份证明。

<select id="mySelect">

以下是使用JS添加选项的方法。

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

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

Angular是我最喜欢的。 jQuery有点扁平 - 但也可以做到这一点。

在您进一步完成此项目之前,请先关注thisthis教程。

祝你好运。