onChange 事件上的 Javascript href 更改答案

【问题标题】：Javascript href change on onChange eventonChange 事件上的 Javascript href 更改
【发布时间】：2014-05-19 13:47:54
【问题描述】：

我得到了以下脚本：

function sele(dropdownlist, button)
{
    var url = dropdownlist.value;
    if (url !== "")
    {
        button.href = url;
    }
    if  (url === "null")
    {
        button.href = 'javascript:void(0)';
    }
 }

按钮 id 由 'button' 变量传递。此脚本不会将 href 传递给任何按钮。如何确保在正确的按钮中更改了 href？

【问题讨论】：

document.getElementById(button) ?
我不知道你的标记所以我在这个小提琴中假设它jsfiddle.net/keypaul/BLE5p/20

标签： javascript drop-down-menu href dom-events onchange

【解决方案1】：

Button 元素没有 href 属性。因此，您可能需要执行以下操作：

<button id="your_button"> <a id="to_change_url" href="www.hello.com"> 
                          an example </a> </button>

现在，您可以更改按钮中的锚元素，而不是尝试访问 button.href（我认为这会导致错误）。简单的方法可能是这样的：

    var href_to_change=document.getElementById("to_change_url");
    href_to_change.href="WHATEVER URL YOU WANT TO CHANGE TO";

【讨论】：