将值附加到现有锚点href中

时间:2013-02-19 21:43:24

标签: javascript append add appendchild

我使用JavaScript从数据表模板中捕获了3个值,现在我需要将这些值附加到现有的锚点中:

<a id="link" href='nextpage.aspx?id=<%#Eval("PlateId")%>&pp= #Eval("price")%>'>

我找到了从JavaScript获取锚点href的方法:

<script language='javascript' type="text/javascript" >
    function addLink() { 
        var anchor = document.getElementById("link"); 
        anchor.href = anchor + "&qty=";} 
</script>

但是,我无法在"&qty="之后添加js值,我尝试添加这样的值:

anchor.href = anchor +"&qty=+Value+"

用这个:

anchor.href = anchor +"&qty='Value' "

我无法将其从引号中删除,因为它不会显示在锚点中。

2 个答案:

答案 0 :(得分:3)

anchor.href = anchor + "&qty="

应该是

anchor.href = anchor.href + "&qty="

...否则你试图将link元素变成一个字符串!

与此同时,您仍然需要将Value保留在引号之外,否则生成的最终文本将始终与文本完全相同:Value。如果Value是一个变量并且没有返回您期望的值(例如,空值或未定义的值),那么您需要查看声明它的代码并更改它。

答案 1 :(得分:0)

  

动态更改<a href=""></a> href绝对值(或),您可以   能够附加现有的URL

提示:1-使用jQuery .attr()方法

 $("selector").attr("href", newURL));

提示:2-使用javascript元素选择器document.getElementById

示例:

<a href="test.php" id="test">TEST URL</a>
var redirect_url = document.getElementById('test');
redirect_url.href = "new url";

(或)

document.getElementById('test').href = "newURL";

(或)

使用setAttribute()方法*注意:在IE中损坏

redirect_url.setAttribute("href", "new url");