Question

所以我想要一个下拉框，有几个数字，1-5说。

<select id="selectNumber">
<option>Choose a number</option>
</select>

var select = document.getElementById("selectNumber");
var options = ["1", "2", "3", "4", "5"];
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}

首先，我不能让这个工作，如果我能够把单独的部分放进去，它应该工作吗？

其次，我不明白该行

var select = document.getElementById("selectNumber");

连接到阵列的其余部分，还有其他一些我需要做的事情来链接它吗？

修改

所以这就是我刚才在js和HTML中的确切代码

javascript

var select = document.getElementById("selectNumber");
var options = ["1", "2", "3", "4", "5"];
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}

HTML

<td> Ticket amount :</td><td><select id="selectNumber">
<option>Ticket Amount</option>
</select></td>

我应该补充说我有js和html链接

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type = "text/javascript" src = "Cinema.js"></script>
<title>Cinema</title>
</head>
<body>

Answer 1

如果您将脚本包含在脚本标记内，它应该可以正常工作。这个怎么运作？您有元素选择您只需将Option标签添加到Select元素，只需附加到它即可。继续附加选项标记，直到完成数组的迭代。选项标签的文本节点和值为1,2 ..

Answer 2

我从你的评论中猜测你字面上将上述代码粘贴到HTML文件中并尝试运行它 - 这不会起作用。

从var select = document.getElementById("selectNumber");开始，第5行以下的所有内容都是Javascript代码，需要在其自己的.js文件中并调用或粘贴在<script>代码之间。对于此示例，请尝试修改代码，使其如下所示：

<select id="selectNumber">
<option>Choose a number</option>
</select>

<script>
var select = document.getElementById("selectNumber");
var options = ["1", "2", "3", "4", "5"];
for(var i = 0; i < options.length; i++) {
var opt = options[i];
var el = document.createElement("option");
el.textContent = opt;
el.value = opt;
select.appendChild(el);
}
</script>

这应该可以正常工作并按照JSFiddle的预期工作。如果是这种情况，您可能想要了解W3School的Intro to HTML和Intro to Javascript以了解一些基础知识。我还建议CodeCademy。希望这会有所帮助。如果我完全误解你，请告诉我。

javascript数组到html5下拉框

2 个答案: