如何用javascript和php在办公自动化编程中选人

Question

我想知道的是我选中的是什么部门的复选框，并且这个部门的员工会显示在第二个div.so中。我可以选择员工，并在选中的员工区域中自动显示。i可以发送评论到这些选中的people.it中正常出现的Office Automation.But如何用javascript解决这个问题？我当前的代码是：$sql =“从hpc_empolyee中选择userName ;"；

Answer 1

我的modify.php

if(isset($_POST['get_staff']))
{
  $staff=$_POST['get_staff'];
  $sql = "select distinct 中文名 from hpc_用户表 where 角色='$staff';"; 

  echo '<table  >';
  $sel=$conn->query($sql);
  while($row=$sel->fetch(PDO::FETCH_NUM))
  {
  echo '<tr>';
  echo '<td style="word-break:break-all;"><input type="checkbox" id="staff_input" value="'.$row[0].'">'.$row[0].'</td>';
  echo '</tr>';
  }
  echo '</table>';
}

我的html：

<div id="staff_div" class="staff" ></div>
<div class="selected_staff" id="selected_staff" onclick="this.focus();"></div><br />

我的js：

function change_staff(id){
var data_to_fetch = $('#'+id).val();
$.ajax({
    type:"POST",
    url:"modify.php",
    dataType:'html',
    cache: false,    
    data: {get_staff: data_to_fetch},
    success: function(data){
        $('#staff_div').html("");
        $('#staff_div').html(data);

    },
    error: function(){
        alert('failed');
    }
});

我希望alert("test")可以工作：

$('#staff_input').click(function(e){
    e.preventDefault();
     alert("test");     
    });     

 });