来自文档

Question

我正在尝试在搜索后显示员工列表。它可以找到，但是我希望扩展我的代码，以便在用户在单元格上的cliks或它旁边的按钮后显示第二页上的更多细节。

这是我的代码：

<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

您可以首先在第一页上仅获取empoyee的名称和idnumber，然后在每个名称旁边创建一些提交按钮，将该ID号发送到下一页，其中包含获取该ID号的更多详细信息的代码

Answer 3

让我为您解释代码

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

它查找具有类.X并绑定click事件的元素。
单击该特定元素时，它会选择具有类.name的元素并检索HTML。 jQuery( selector [, context ] ) Read more
这些HTML保存在name变量中。

来自文档

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

当搜索范围选择器仅限于上下文时   这样，只有点击元素中的跨度才能获得额外的元素   类。

在内部，选择器上下文是使用.find（）方法实现的，   所以$（“span”，this）相当于$（this）.find（“span”）。

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

3 个答案:

来自文档