Javascript 如何将锚href属性添加到选项对象？_Javascript_Html

Javascript 如何将锚href属性添加到选项对象？

javascript html

Javascript 如何将锚href属性添加到选项对象？,javascript,html,Javascript,Html,我正在尝试在HTML的下拉列表中创建超链接。我可以将文本添加到下拉列表中，但添加href属性对我不起作用。有什么建议吗 <!DOCTYPE html> <html> <body onload="loadAgeSelector()"> <select id="yearselect"></select> <script> function loadAgeSelector() { var startyear = 190

我正在尝试在HTML的下拉列表中创建超链接。我可以将文本添加到下拉列表中，但添加href属性对我不起作用。有什么建议吗

<!DOCTYPE html>
<html>
<body onload="loadAgeSelector()">
<select id="yearselect"></select>
<script>
function loadAgeSelector()
{
    var startyear = 1900;
    var endyear = 2014;
    for (var i = startyear;i<=endyear;i++){
        node=document.createElement("Option");
        textnode=document.createTextNode(i);
        node.appendChild(textnode);

        var att = document.createAttribute( "href" );
        att.value = "https://www.google.com/" ;
        node.setAttributeNode(att); 
        document.getElementById("yearselect").appendChild(node);
    }
}
</script>
</body>
</html>


函数loadAgeSelector（）
{
var startyear=1900；
var年末=2014年；
对于（var i=startyear；i您应该侦听更改事件，然后处理链接，测试以下代码：
function loadAgeSelector()
{
    var select = document.getElementById("yearselect");
    var startyear = 1900;
    var endyear = 2014;
    for (var i = startyear;i<=endyear;i++){
        node=document.createElement("Option");
        textnode=document.createTextNode(i);
        node.appendChild(textnode);
        node.value = "https://www.google.com/?testid=" + i;
        select.appendChild(node);
    }

    select.onchange = function () {
        var link = this.value;
        window.open(link);//or if you want to open in current tab: window.location.href = link;
    }

}

函数loadAgeSelector（）
{
var select=document.getElementById（“yearselect”）；
var startyear=1900；
var年末=2014年；
对于（var i=startyear；i您无法使用内置的select
控件完成此操作。您需要构建自己的控件（或使用库）。您使用114
尝试实现什么（如果这是可能的话）元素？如果您想在选择选项时重定向到某个位置，可以在
上附加一个change
事件侦听器，然后使用window.location.href
。这通常通过CSS下拉菜单完成（无需JavaScript）