代码之家  ›  专栏  ›  技术社区  ›  Jamie Taylor

javascript在链接末尾添加变量

  •  5
  • Jamie Taylor  · 技术社区  · 15 年前

    我试图在一个链接的末尾添加一个我创建的变量,但不确定如何添加?

    <a href="../../availability/default.aspx?propid=' + myvariable + '">Link</a>
    

    有什么想法吗?

    谢谢

    杰米

    3 回复  |  直到 15 年前
        1
  •  0
  •   palswim    15 年前

    类似这样的操作将创建一个闭包,用于存储原始文件 HREF 财产:

    function init() {
        var link = document.getElementById("link");
        var hrefOrig = link.href;
        var dd = document.getElementById("DropDown");
        dd.onchange = function(){ link.href = hrefOrig + dd.value; }
    }
    
    window.addEventListener("load", init, false); // for Firefox; for IE, try window.attachEvent
    
        2
  •  3
  •   Adam    15 年前

    添加ID:

    <a id="link" href="../../availability/default.aspx?propid=">Link</a>
    

    JavaScript:

    document.links["link"].href += myvariable;
    

    jQuery:

    $('#link').attr('href', $('#link').attr('href') + myvariable);
    
        3
  •  0
  •   Luka Milani    15 年前

    解决方案只是调整Adam在上面发布的代码,以便:

    HTML

    <a id="link" href="">Link</a>
    
    <select onchange="addVariable(this.value)">...
    

    JavaScript

    function addVariable(myvariable){
    
    document.links["link"].href = "../../availability/default.aspx?propid=" + myvariable;
    
    }