Question

我正在创建一个带有两个输入的函数并从其内容中生成一个选择框但是当我运行代码时它不起作用并且不会给我任何错误。
当我自己运行该函数并手动给它输入时，它似乎工作正常。

代码：

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>

Answer 1

var start = parseInt(document.getElementById("start"))

这部分是解析整个HTML元素。你必须提取它的价值：

var start = parseInt(document.getElementById("start").value)

这也应该在onclick回调中发生。如果您在点击之前指定此值，它将不会发生任何变化。

JavaScript函数和事件

1 个答案: