php - 打印页面 onclick 上函数的结果？

Question

老实说，我什至不确定最好的方法，但本质上，我在包含文件中有一个函数，它接受一个 $type 参数，然后将检索/打印结果基于传递给它的 $type 从我的数据库...我想做的是在页面上有一系列链接，当您单击某个链接时，将运行该函数并相应地显示结果。 ..

因此，在页面的初始加载时，有一个显示所有内容的表格(我大大简化了表格...)

<table>
<tr><th>Item</th><th>Type</th></tr>
<tr><td>Milk</td><td>Dairy</td></tr>
<tr><td>Yogurt</td><td>Dairy</td></tr>
<tr><td>Chicken</td><td>Meat</td></tr>
<tr><td>Zucchini</td><td>Vegetable</td></tr>
<tr><td>Cucumber</td><td>Vegetable</td></tr>
</table>

然后，在边栏中，我有一系列链接:

<a href="#">Dairy</a>
<a href="#">Meat</a>
<a href="#">Vegetable</a>

我想根据点击的链接过滤初始表(以及来回过滤等)，这样如果用户点击“Vegetable”，我的包含文件中的函数将运行并过滤表格仅显示“蔬菜”类型...

Answer 1

我想到的第一个想法是为 标签添加一个 class 属性，为 标签添加一个 id 属性，以便您可以轻松地以这种方式进行过滤:

<tr class="dairy"><td>Milk</td><td>Dairy</td></tr>
<tr class="meat"><td>Chicken</td><td>Meat</td></tr>

<a href="#" id="dairy">Dairy</a>
<a href="#" id="meat">Meat</a>

然后在你的 JavaScript 中(我在这里使用 jQuery):

$('a').click(function(evt){
    var myId = $(this).attr('id');

    $('tr').each(function(idx, el){
        if ($(el).hasClass(myId))
        {
            $(el).show();
        }
        else
        {
            $(el).hide();
        }
    });
});

这有一个额外的好处，即允许您在不更改代码的情况下本地化文本。