Как отображать детали на второй странице?

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 в качестве идентификатора и отображения деталей на второй странице.

Я хочу использовать этот код altho Я не очень хорошо его понимаю, поэтому я буду признателен за некоторые советы.

$(".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; 

}); 

Я также толкнул, чтобы создать другой файл модели, чтобы получить сотрудников от ид, позже я просто называть их по <?= $lecturer_data[0]['firstName'] ?>

Answer 2

Вы могли бы начать выборку только имена empoyee в и IDNumber на первой странице, а затем создать несколько кнопок отправки рядом с каждым именем который отправляет этот номер id на следующую страницу, которая содержит код для получения дополнительных данных для этого номера идентификатора.

Answer 3

Позвольте мне объяснить код для вас

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

1. Это выглядит для элементов, который имеет класс .X и связывает событие щелчка.
2. Когда этот конкретный элемент щелкнул, он выбрал элементы, которые имеют класс .name и извлекают HTML. jQuery(selector [, context ])Read more
3. Эти HTML сохраняются в переменной name.

От Docs

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

Когда поиск для выбора диапазона ограничивается контекстом этого, охватывает только в щелкнутом элементе получит дополнительный класс.

Внутренний контекст селектора реализуется с помощью метода .find(), , поэтому $ ("span", this) эквивалентно $ (this) .find ("span").