使用AJAX根据选择填充表单域

时间:2014-05-14 10:29:31

标签: javascript php mysql ajax

所以我无法弄清楚如何完成这项工作。我将简要解释发生了什么以及需要发生什么。首先,一个dokter可以将patiënts添加到数据库中(目前只有firstname,lastname,age,...)。这已经有效了,但现在我希望dokter能够根据某个patiënt的“profile”字段搜索数据库,以便寻找类似的患者。所以我所拥有的是一个下拉菜单,显示了这位医生已添加的患者(mypatients),每当他从下拉菜单中选择其中一位患者时,字段就会根据该选择进行更新。这是我现在的代码:

- 这是我在下拉字段中添加用户的php(MyPatients- functions选择用户名与当前登录的dokters用户名相同的所有患者):

<?php

session_start();
include_once("classes/Db.class.php");
include_once("classes/Patient.class.php");


if(!isset($_SESSION['username']))
{
   header("Location: login.php");
}

$patient = new Patient();
$patient->Dokter = $_SESSION['username'];

$results = $patient->MyPatients();

?>

- 这是搜索表单(includesearch.php)

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" class="form-horizontal" role="form">

<div class="form-group">
  <label class="col-lg-2 control-label">Mijn Patiënt</label>
  <div class="col-lg-2">
    <select name="selectedpatient" class="form-control">
      <option value"" disable selected>&nbsp;</option>
      \<?php 
      while($r = $results->fetch_assoc()){
        echo "<option>". $r["firstname"] . " " . $r["lastname"] . "</option>";
      }
      ?>
    </select>
  </div>
</div>


<!-- SCRIPT FOR DATEPICKER -->

<div class="form-group">
  <label class="col-lg-2 control-label">Leeftijd</label>
  <div class="col-lg-5">
    <input id="age" name="age" type="text" class="form-control" placeholder="age">
</div>

</div>

 <div class="form-group">
  <label class="col-lg-2 control-label">Language</label>
  <div class="col-lg-5">
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox1" value="nl"> NL
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox2" value="fr"> FR
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" id="inlineCheckbox3" value="en"> EN
    </label>
  </div>
</div>

 <div class="form-group">
  <label class="col-lg-2 control-label">Profession</label>
  <div class="col-lg-2">
    <select name="profession" class="form-control">
      <option value"" disable selected>&nbsp;</option>
      <option value="jobless">Without a job</option>
      <option value="selfemployed">Selfemployed</option>
      <option value="student">Student</option>
    </select>
  </div>
</div>

</form>

我已尝试将ajax与document.getElementById一起使用,但到目前为止还没有成功。

1 个答案:

答案 0 :(得分:0)

  1. 您需要一个在发布患者ID时返回患者详细信息的php
  2. 为你的selectedpatient选择框添加onchange,它使用ajax将患者ID发布到你刚创建的这个php。
  3. 可以将患者ID添加为选择框中选项的值。
  4. 最后你需要为你的ajax添加一个成功的回调函数,它使用javascript将个人资料信息填充到你的html表单