使用先前回答的 SO 问题作为参考,我创建了一个函数,该函数从现有的 javascript 数组填充我的 HTML 文档中的下拉列表。
这是HTML:
<fieldset>
<legend>Choose action</legend>
<p>Choose your action and click next</p><br />
<select id="trigger"></select>
</fieldset>
这是Javascript:
var guns =
[
["Smith and Wesson 500", "Revolver", "Full Frame", 50, "sada"], //model, type, frame, cal, trigger
["Glock 19", "Semi", "Compact", 9, "striker"],
["Smith and Wesson M and P Shield 9", "Semi", "Compact", 9, "striker"],
["Ruger Alaskan", "Revolver", "Full Frame", 44, "dao"],
["Ruger SR9", "Semi", "Compact", 9, "striker"],
["Desert Eagle", "Semi", "Full Frame", 50, "sada"],
["Smith and Wesson M and P Shield 40", "Semi", "Compact", 40, "striker"]
]
var triggerDropdown = function(){
var sel = document.getElementById('trigger');
for (var i = 0; i < guns.length; i++) {
var opt = document.createElement('option');
opt.innerHTML = guns[i][4];
opt.value = guns[i][4];
sel.appendChild(opt);
}
};
我的挑战:
填充trigger
没有重复。此外,解决方案不能要求我永久更改guns
(我发现了一些其他有用的 SO 帖子,但其中大多数涉及首先从数组中删除重复项......在这种情况下,我没有选择)。
谢谢!