SHARE
TWEET

Untitled

a guest Jul 17th, 2019 80 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>hi</title>
  5.  
  6.     <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
  7.  
  8.     <script type="text/javascript">
  9.         $(document).ready(function(){
  10.             $("#employees").change(function(){
  11.                 var aid = $("#employees").val();
  12.                 $.ajax({
  13.                     url: 'data.php',
  14.                     method: 'post',
  15.                     data: 'aid=' + aid
  16.                 }).done(function(emps){
  17.                     console.log(emps);
  18.                     emps = JSON.parse(emps);
  19.                     $('#emps').empty();
  20.                     emps.forEach(function(emp){
  21.                         $('#emps').append('<option>' + emp.first_name + '</option>')
  22.                     })
  23.                 })
  24.             })
  25.         })
  26.     </script>
  27. </head>
  28. <body>
  29.     <div class="container">
  30.         <h1 class="text-center">Dependent Drop Down list In PHP/MySQL using jQuery & Ajax </h1>
  31.         <hr>
  32.         <div class="row">
  33.             <div class="col-md-6 col-md-offset-3">
  34.                 <form role="form" method="post" action="">
  35.                     <div class="row">
  36.                         <div class="form-group">
  37.                             <label for="employees">employees</label>
  38.                             <select class="form-control" id="employees" name="employees">
  39.                                 <option selected="" disabled="">Select Employee</option>
  40.                                 <?php
  41.                           echo "hi  d";
  42.                                 require 'data.php';
  43.  
  44.                                     $employees = loadEmployees();
  45.                                     foreach ($employees as $employee) {
  46.                                         echo "<option id='".$employee['emp_id']."' value='".$employee['emp_id']."'>".$employee['first_name']."</option>";
  47.                                     }
  48.                                  ?>
  49.                             </select>
  50.                         </div>
  51.                     </div>
  52.                     <div class="row">
  53.                         <div class="form-group">
  54.                             <label for="emps">emps</label>
  55.                             <select class="form-control" id="emps" name="emps">
  56.  
  57.                             </select>
  58.                         </div>
  59.                     </div>
  60.                 </form>
  61.             </div>
  62.         </div>
  63.     </div>
  64. </body>
  65. </html>
  66.      
  67. <?php
  68. require_once('../../../wp-config.php');
  69. global $dbc;
  70.  
  71. if(isset($_POST['aid'])) {
  72. $query_emp = "SELECT * FROM employees WHERE emp_id = '" . $_POST['aid'] . "'";
  73. $response_emp = @mysqli_query($dbc, $query_emp);
  74. $emps = array();
  75. while ($row = mysqli_fetch_array($response_emp)){
  76.   $emps[] = $row;
  77. }
  78.  
  79. echo json_encode($emps);
  80. }
  81.  
  82. function loadEmployees(){
  83.   global $dbc;
  84.   $query_emps = "SELECT * FROM employees";
  85.   $response_emps = @mysqli_query($dbc, $query_emps);
  86.   $empss = array();
  87.   while ($row = mysqli_fetch_array($response_emps)){
  88.     $empss[] = $row;
  89.   }
  90.   return $empss;
  91. }
  92.  
  93. ?>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top