我正在创建一个函数,该函数接受两个输入并从其内容中创建一个选择框,但是当我运行代码时它不起作用并且不会给我任何错误。
当我单独运行该函数并手动为其提供输入时,它似乎工作得很好。
代码:
var start = parseInt(document.getElementById("start")),
end = parseInt(document.getElementById("end")),
button = document.getElementById("button");
button.onclick = function(x, y) {
"use strict";
var years;
document.write("<select>");
for (years = start; years <= end; years++) {
document.write("<option value=\"" + years + "\">" + years + "</option>");
};
document.write("</select>");
};
<body>
<input id="start" type="text" />
<input id="end" type="text" />
<button id="button">Make Select Box</button>
</body>
最佳答案
var start = parseInt(document.getElementById("start"))
这部分正在解析整个 HTML 元素。你必须提取它的值(value):
var start = parseInt(document.getElementById("start").value)
这也应该发生在 onclick
回调中。如果您在点击之前分配此值 - 它根本不会改变。
关于JavaScript 函数和事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50231318/