0 レビュー
2 回答
php-ボタンがデータベースからフォームに値を自動的に入力できるようにするにはどうすればよいですか?
これはページがどのように見えるかの画像です
上部にある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>
わからない
0
レビュー
答え :
解決策:
私の提案は、クリック時にAJAXリクエストを作成することです。
- ページloadFormData.phpを作成します
- ユーザーがボタンをクリックすると、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' } }); });
データベースで検索するキーデータを受け入れます。例:id。次に、このキーを使用してデータベースを検索し、結果を取得します。最後に、これをjson(json_encode())にエンコードし、結果をエコーします。
わからない
0
レビュー
答え :
解決策:
フォームを作成し、アクションを使用して、必要な値を入力する方法を説明する必要があります。
例
http://www.w3schools.com/php/php_forms.asp
これを使用すると、データを簡単に入力できます。
わからない
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。