JavaScript 函数和事件

标签 javascript function dom-events

我正在创建一个函数,该函数接受两个输入并从其内容中创建一个选择框,但是当我运行代码时它不起作用并且不会给我任何错误。
当我单独运行该函数并手动为其提供输入时,它似乎工作得很好。

代码:

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/

相关文章:

Javascript 日期字符串到 python 日期时间对象

javascript - 使用 firebase for Web 检索数据

Javascript:在特定时间段后调用函数

javascript - 如何以编程方式单击 JavaScript 中的元素?

javascript - 如何在 JavaScript 中将像素转换为打印英寸?

r - 在函数中调用其他列的控制流程

javascript - Chrome 扩展 : inserting a javascript tag and calling a function

javascript - 在 JavaScript 类中处理 DOM 事件

javascript - 有没有办法判断何时将 div 添加到元素?

javascript - 将值传递给 HTML &lt;input&gt; 标记