如何使用jquery在下一页上获取选定的行值?

时间:2016-10-07 18:39:26

标签: javascript php jquery html

我希望在下一页上选择row个ID。我想点击button然后在下一页选择行ID显示。请记住下一个窗口选项卡将打开 这是我的jquery函数。当我点击行时,我在ID var中获取value但我不知道如何在下一页上获取此ID。但我希望如此,首先我选择行,然后单击按钮,然后id显示在下一个选项卡窗口。谢谢

enter image description here

这是我的jQUERY功能:

$("#maintable tr").click(function(){
//alert($(this).hasClass("selected"));
if ($(this).hasClass("selected")){
    $(this).removeClass("selected");
    var value=$(this).find('td:first').html();
     alert(value);
}else{
    $(this).addClass("selected").siblings().removeClass("selected");
}
});

2 个答案:

答案 0 :(得分:1)

在评论中你说:

  

我试试这个window.open('http://localhost/new/old.php')这将转到下一页

在这种情况下,您只需添加value作为查询字符串参数即可。例如:

window.open('http://localhost/new/old.php?id=' + value);

如果value可能包含更复杂的字符数据,您可能需要对其进行网址编码:

window.open('http://localhost/new/old.php?id=' + encodeURIComponent(value));

答案 1 :(得分:0)

获取信息到下一页的主要方法是通过网址

您可以将id设置为查询字符串,这样当单击该按钮将它们带到下一页时,id将与url一起传递。然后你可以使用

<script>
        $.extend({
            getUrlVars: function(){
                var vars = [], hash;
                var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
                for(var i = 0; i < hashes.length; i++){
                    hash = hashes[i].split('=');
                    vars.push(hash[0]);
                    vars[hash[0]] = hash[1];
                }
                return vars;
            },
            getUrlVar: function(name){
                return $.getUrlVars()[name];
            }
        });
        var ID = $.getUrlVar('id');

然后,您可以显示或操纵您认为合适的值。