0

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

这是我的代码：

<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>

重启

4

3 回答 3

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'] ?>

于 2013-04-06T11:38:25.003 回答
0

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

于 2013-04-05T16:01:57.817 回答
0

让我为你解释代码

$(".X").click(function() {
 var name = $(".name",this).html();
});
  1. 它查找具有该类的元素.X并绑定单击事件。
  2. 单击该特定元素时，它会选择具有类的元素.name并检索 HTML。jQuery( selector [, context ] ) 阅读更多
  3. 这些 HTML 保存在name变量中。

来自文档

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

当对 span 选择器的搜索仅限于 this 的上下文时，只有单击元素内的 span 才会获得附加类。

在内部，选择器上下文是用 .find() 方法实现的，所以 $( "span", this ) 等价于 $( this ).find( "span" )。

于 2013-04-05T16:03:30.340 回答