如何在第二页上显示详细信息？

Question

我正在尝试在搜索后显示员工列表。 它可以找到，但我想扩展代码以在用户单击单元格或其旁边的按钮后在第二页上显示更多详细信息。

这是我的代码：

<form action="" method="POST"><span><div id="result" class="span5"></div></span></table>    
</form><script language="javascript">
$('#search').click(function() {
$.get("index.php/find/findemp",{firstname : $('#fn').val(),lastname :     $('#ln').val(),dept : $('#dt').val() },function(data) {  //  ,jobtitle : $('#jt').val()
        var names = '<table class="table table-hover">';
        var x = 0;
        $.each(data, function(index, element) {
            if (index > 0) {x++, names;}

            names += "<tr class = x><td>"+element.firstName +"</td> "+"<td>"+ element.lastName+ "</td> <td>"+ element.department+"<td/> <td> "+ element.officeDay+"</td><td>"+element.AvStatus+"</td></tr>"+ "<br/>";
        });
        names+='';
        $('#result').html(names);
    },"json");
    return false;
});

我的计划是获取x作为标识符，并在第二页上显示详细信息。

我想使用此代码，尽管我不太了解它，所以我将不胜感激。

$(".X").click(function() {
var name = $(".name",this).html();});

第二页代码：

<form action="" method="GET">
            <div >

                <div>First name:        <br /> <input value="<?php echo $name[1]; ?>" type=text id="fn" name='firstname'> </div>
                <div>Last name:        <br />  <input value="<?php echo $name[2]; ?>"type=text id="ln" name='lastname'> </div>
                <div>Department Name:  <br />  <input value="<?php echo $name[3]; ?>" type=text id="dt" name='dept'></div>
                <div>Current job Title: <br /> <input value="<?php echo $name[4]; ?>" type=text id="jt" name='jobtitle'> </div>
                <div>Birth Date:  <br />  <input value="<?php echo $name[5]; ?>" type=text id="dt" name='dept'></div>
                <div>Hire Date:  <br />  <input value="<?php echo $name[6]; ?>" type=text id="dt" name='dept'></div>
                <div>Gender:  <br />  <input value="<?php echo $name[7]; ?>" type=text id="dt" name='dept'></div>


                <br /><div><input value="Update" type="submit" id="update"></div>

重启

Answer 1

答案并不容易，但是我花了很长时间研究它，现在它可以工作了：

$(document).on('click', '.x', function(e) {
    var emp_no = $(e.currentTarget).attr('data-emp-no');

    window.location = 'index.php/find/display/' + emp_no;

});

我还被迫创建另一个模型文件以按id获取雇员，后来我只用<?= $lecturer_data[0]['firstName'] ?>称呼他们。

Answer 2

您可以从仅在第一页上获取员工的姓名和身份证号码开始，然后在每个姓名旁边创建多个提交按钮，以将该身份证号码发送到下一页，该页面包含用于获取该身份证号码的更多详细信息的代码。

Answer 3

让我为您解释代码

$(".X").click(function() {
 var name = $(".name",this).html();
});

1. 它查找具有.X类的元素并绑定click事件。
2. 单击该特定元素后，它将选择具有类.name的元素并检索HTML。 jQuery( selector [, context ] ) 阅读更多
3. 这些HTML保存在name变量中。

从文档

$( "div.foo" ).click(function() {
  $(  "span", this ).addClass( "bar" );
});

当搜索范围选择器仅限于此上下文时，仅clicked元素内的范围会获得附加类。

在内部，选择器上下文是使用.find（）方法实现的，因此$（“ span”，this）等同于$（this）.find（“ span”）。