通过<a> value to next page which all the href are same page that will process the data</a>

时间:2015-01-15 18:19:12

标签: javascript php jquery

我是编程新手。我想问一下如何检索<a>或文本

的值

是超链接并将其发布到下一页(abc.php)。所有超链接$row['a']都将转到abc.php并处理基于数据的

在单击的超链接$row['a']上。现在,我一直未定义,<a>包含

什么?!

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("a").click(function(event) {
        alert("As you can see, the link no longer took you to jquery.com");
        var a = $(this).attr('a');
        alert(a);
        event.preventDefault();
    });
});
</script>  

echo "<td>"."<a href='abc.php'>".$row['a']."</a></td>";

2 个答案:

答案 0 :(得分:0)

您尝试为该链接获取属性a。 如果您需要获取链接文字,请使用$(this).text()

var a = $(this).text();
alert(a);

您可以通过获取参数将文本传递到下一页,例如:

echo "<td>"."<a href='abc.php?text=".$row['a']."'>".$row['a']."</a></td>";

或使用window.location.href=""

在客户端

答案 1 :(得分:0)

要检索a元素的内容,您需要使用$(this).text()作为@Rodion建议。

下一步是通过使用查询字符串将该数据发送到abc.php:abc.php?ref=[...]

考虑以下Javascript代码:

$(document).ready(function() {
    $("a").click(function(event) {

        var text = $(this).text();

        alert("As you can see, the link no longer took you to jquery.com");
        alert(text);

        window.location.href = window.location.href + '?ref=' + text;

        event.preventDefault();
    });
});

它从文档对象模型中检索a元素的文本,然后将其添加到链接引用的位置的查询字符串中。

此处要做的最后一件事是阻止浏览器立即关注href元素的a属性中的引用:即普通abc.php。您可以通过onclick添加return false;属性来实现此目的:

echo "<td>"."<a href='abc.php' onclick='return false;'>".$row['a']."</a></td>";
相关问题