Question

我是JavaScript的新手，我需要一些帮助！

我有这四个链接：
<a id="userName" href="javascript:showEditTextBox(this.id)"></a> <a id="occupation" href="javascript:showEditTextBox(this.id)"></a> <a id="country" href="javascript:showEditTextBox(this.id)"></a> <a id="industry" href="javascript:showEditTextBox(this.id)"></a>

我还有一个div，带有p和form元素。 p id是：id =“editHeader”。我想要做的是，根据点击的链接更改p值。所以我想将点击链接的id值与String：

进行比较

我的功能是这样的，但它不起作用：

function showEditTextBox (id){
if(id == "userName") 
    document.getElementById("editHeader").innerHTML = 'Change username';
else if(id == "occupation") 
    document.getElementById("editHeader").innerHTML = 'Change occupation';
    else if(id == "country")
            document.getElementById("editHeader").innerHTML = 'Change country';
    else if(id == "industry")
            document.getElementById("editHeader").innerHTML = 'Change industry';
}

Answer 1

您应该使用#as href和onclick事件。像这样。否则你的javascript是正确的。

这是一个工作小提琴http://jsfiddle.net/FL7G8/1/

<a id="userName" href="#" onclick="showEditTextBox(this.id)">userName</a>
<a id="occupation" href="#" onclick="showEditTextBox(this.id)">occupation</a>
<a id="country" href="#" onclick="showEditTextBox(this.id)">country</a>
<a id="industry" href="#" onclick="showEditTextBox(this.id)">industry</a>

一个很酷的效果就是为您的锚标签设置href =“＃editHeader”，以便窗口跳转到您尝试更改的元素

<a id="industry" href="#editHeader" onclick="showEditTextBox(this.id)">industry</a>

Answer 2

我将链接更改为如下所示：

<a id="userName" href="#" onClick="javascript:showEditTextBox(this.id)">username</a>

应该这样做。

javascript获取点击的链接ID并将其与字符串进行比较

2 个答案: