如何让按钮自动将数据库中的值输入表单？

Question

这是页面外观的图像，

顶部的 2 个蓝色大按钮是代表数据库中的值的按钮。这个按钮的主要作用是帮助用户方便地填写表格，只留下“描述”需要填写。

这是我的页面代码，

<div class="bodycontainer">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title">My Records</h3>
    </div>
    <div class="panel-body">
      <?php
		require 'dbfunction.php';

		$con = getDbConnect();
		$day = date("l");

		if (mysqli_connect_errno($con)) {
			"Failed to connect to MySQL: " . mysqli_connect_error();
		} else {
			$result = mysqli_query($con, "SELECT * FROM timetableschedule WHERE day='" . $day . "'");

			while ($schedule = mysqli_fetch_array($result)) {
				?>
      <div class="col-md-4">
        <div class="admininfobox">
        <a class="btn btn-primary">
          <?php
		echo "<br/>";
		echo $schedule['academicInstitution'] . "<br />";
		echo $schedule['startTime'] . "-" . $schedule['endTime'] .  "hrs<br />";

		echo "<br/>";
		?>
        </a>
        </div>
      
      </div>
      <?php
		}
		mysqli_close($con);
	}
	?>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">Record Activity</div>
    <div class="panel-body">
      <form name="Create New Admin"  class="form-horizontal" method="post" action="handlerecord.php">
        <div class="form-group">
          <div class="col-sm-4">
            <label>Academic Institution</label>
            <input list="AcadInst" type="text" class="form-control" placeholder="Institution Name" name="academicInstitution">
            <datalist id="AcadInst">
              <option value="Singapore Polytechnic (SP)">
              <option value="Ngee Ann Polytechnic (NP)">
              <option value="Temasek Polytechnic (TP)">
              <option value="Republic Polytechnic (RP)">
              <option value="Nanyang Polytechnic (NYP)">
              <option value="Others (Please specify)"> 
            </datalist>
          </div>
          <div class="col-sm-4">
            <label>Level of Teaching</label>
            <input list="LvTeaching" type="text" class="form-control" placeholder="Teaching Stage" name="levelofteaching">
            <datalist id="LvTeaching">
              <option value="Undergraduate Teaching">
              <option value="Postgraduate Teaching">
              <option value="Continuing Education">
              <option value="Others (Please specify)"> 
            </datalist>
          </div>
          <div class="col-sm-4">
            <label>Type of Teaching</label>
            <input list="TyTeaching" type="text" class="form-control" placeholder="Teaching Type" name="typeofteaching">
            <datalist id="TyTeaching">
              <option value="Clinical Teaching">
              <option value="Academic Teaching">
              <option value="Talk">
              <option value="Others (Please specify)"> 
            </datalist>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-4">
            <label for="startdate">Start Time</label>
            <input type="text"  class="form-control" placeholder="Select Time" name="starttime">
          </div>
          <div class="col-sm-4">
            <label for="enddate">End Time</label>
            <input type="text"  class="form-control" placeholder="Select Time" name="endtime">
          </div>
          <div class="col-sm-4">
            <label for="enddate">Description</label>
            <input type="text"  class="form-control" placeholder="Optional" name="Description">
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-4">
            <input type="submit"  value="Add" class="btn btn-primary">
            </input>
          </div>
        </div>
      </form>
    </div>
  </div>

数据库概述，

我不确定如何编码。就像一旦用户单击按钮，按钮就会通过数据库并将数据相应地输入到表单中，以供用户提交。

Answer 1

我的建议是在点击时创建一个 AJAX 请求。

1. 创建页面loadFormData.php

接受要在数据库中搜索的关键数据。例如：身份证。然后用这个键在数据库中搜索并得到结果。最后将其编码为 json (json_encode()) 并回显结果。

1. 当用户点击按钮时，触发一个ajax（Javascript）函数并将键值发送到loadFormData.php

从返回的 json 结果中提取机构名称、开始时间、结束时间等，并使用 JavaScript 填写到表单字段中

$("#blueButton").click(function() {

    $.ajax({
      type: "GET",
      url: "loadFormData.php",
      dataType: "json",
      success : function(data) {
            // extract each item from the variable 'data'
      }
});
});

Answer 2

您应该创建一个表单并使用操作来说明输入所需值的方法。

例如

http://www.w3schools.com/php/php_forms.asp

您可以使用它轻松输入数据。