如何使用Select导航到URL

How can i navigate to URLs with Select?

本文关键字：URL 导航 Select 何使用      更新时间：2023-09-26

我想在一个带有选择框的网站上导航。当用户更改选择选项时，会打开该选项的url。

这是我的选择：

<select id="navigation">
   <option value="/" selected>start</option>
   <option value="/thoughts">thoughts</option>
   <option value="/work">work</option>
   <option value="/methods">methods</option>
</select>

这是我的javascript：

document.getElementById("navigation").onchange = function() {
  var selectedOption = this.value;
  window.location.href = "http://niklasjordan.com" + selectedOption;
}

但是这个代码不起作用。有人知道为什么吗？

假设您使用的是香草Javascript，请将代码放入以下函数中：

var domReady = function(callback) {
    document.readyState === "interactive" || document.readyState === "complete" ? callback() : document.addEventListener("DOMContentLoaded", callback);
};
domReady(function() {
    document.getElementById("navigation").onchange = function() {
        var selectedOption = this.value;
        window.location.href = "http://niklasjordan.com" + selectedOption;
    }
});

（这仅适用于IE9及以上版本）

简短解释：在操作DOM之前，您必须等待DOM完全加载！

谢谢你们的帮助，伙计们！

解决方案非常简单：我将代码从头开始放在封闭的body标记之前。Voilá！它运行。。。

相关文章：