javascript - 如何根据点击的链接更改点击事件的结果

Question

在我的代码中，我根据 ldap 搜索的输出创建了一个表，输出(以数组的形式)位于第一列。我想做的是根据点击的链接，在第二列中显示一些文本。我已经想出如何让“Hello World”出现，但无论我选择什么链接，它都会出现。有没有办法根据用户点击的链接更改文本？例如，如果用户单击链接 1，右栏将显示“你好”，但如果用户选择链接 2，右栏将显示“再见”。我的想法是

If (link that's clicked text eq $textToMatch) {
    print some text
}

这是我的代码:

if (($corpId ne "")&&($CorpIdResults eq "")) {
    print "This user does not belong to any groups.";
} elsif ($CorpIdResults ne "") {
    @splitarray = split(' ',$CorpIdResults);
    print "Corp Id: " . $corpId;
    print "<BR>";
    print "<BR>";
    print "This user is a member of the following groups:";
    print "<BR>";
    print "<TABLE border=22>";
    foreach $tmp (@splitarray) {
        print "<TR>";
        $links = "<a href = 'javascript:testFunction()' id='groups' >$tmp \n</a><BR>";
        print "<TD>$links</TD>";
    }
    print "<TD id='demo'></TD>";
    print "</TR>";
    print "</TABLE>";
}

希望我说得够清楚了。如果没有，请告诉我。

Answer 1

要根据某些操作更改 javascript 函数的行为，您需要向其传递一个变量。您可以通过让链接传递对自身的引用来在 javascript 中完成腿部工作:

<a href='#' onclick='testFunction(this); return false;'>Hello</a>
<a href='#' onclick='testFunction(this); return false;'>Goodbye</a>

然后您可以在函数中使用此引用，例如:

function testFunction(link) {
    var text;
    if (link.innerHTML == "Hello") {
        text = "Hello";
    } else if (link.innerHTML == "Goodbye") {
        text = "Goodbye";
    }

    document.getElementById('demo').innerHTML = text;
}

或者您可以在 Perl 中完成跑腿工作并生成传递所需文本的链接:

<a href='#' onclick='testFunction("Hello"); return false;'>Hello</a>
<a href='#' onclick='testFunction("Goodbye"); return false;'>Goodbye</a>

然后直接在javascript中使用文本:

function testFunction(text) {
    document.getElementById('demo').innerHTML = text;
}