Javascript 'select' 更改时转到 anchor ( anchor ID 是选择值)

Question

我让我的脚本创建一个下拉框(选择)并使用我循环遍历的数组中的项目填充值。这些项目的值也与整个页面中 anchor 的 id 相同。我试图做到这一点，以便在更改选择时，它会转到与选择值匹配的 anchor 。

error_anchor 是一个项目数组，其中的值也与 anchor ID 相同

for (var i = 0; i < error_anchor.length; i++) {
  var option = document.createElement("option");

  option.setAttribute("value", error_anchor[i]);
  option.text = error_anchor[I];
  option.onChange="window.location.hash=this.value";

  selectList.appendChild(option);
};

这不会引发错误，但当我更改选择值时它不会执行任何操作。我在网上阅读了有关使用 this.value 的信息，并认为它会使用选定的值，但也许它只是其他人示例中的占位符？

我尝试将 onChange 行放在循环之外，因为我认为它不需要在那里，但它似乎没有什么不同。

非常感谢您的帮助!谢谢

Answer 1

事件名称是 onchange 而不是 onChange 并且您应该为其分配一个函数(而不是字符串)。

此外，事件应该在选择上，而不是选项上。 this.value 将包含当前选择的选项值。

你可以看到一个demo here