ユーザーが行をクリックすると、その行のデータが Web サイトのセクションに読み込まれる PHP スクリプトに送信されるようにテーブルを設定するにはどうすればよいですか?
基本的に、データ入力フォームに部分的にデータを入力し、さらにデータを追加してフォームを送信したいと考えています。
クリック イベントが Web フォームをロードするように JavaScript を設定したい (簡単) が、この Web フォームには、フェッチされたレコードからのデータが含まれます。
したがって、データ フローの順序は次のようになります。
- クライアント - ブラウザ (ユーザーが行をクリック、JavaScript)
- その特定の行のデータ属性は、その属性に関連付けられたデータベースからデータを取得するために使用されます (php)
- Web フォームを提示する
Javascript は次のとおりです。
$(document).on('click', 'tr', function() {
var id = $(this).attr("data-recordId");
$('#section2').load('data_entry_form.php?id='+id);
});
Web フォームの PHP は次のとおりです。
<html>
<?php
$id = $_GET['id'];
$sql = ("
SELECT a_aif.aif_id, a_aif.fee_source_id, a_aif.company_name_per_sedar, a_aif.document_filing_date
FROM a_aif
LEFT JOIN a_aif_remaining
ON a_aif_remaining.aif_id = a_aif.aif_id
WHERE a_aif.aif_id = :id
ORDER BY aif_id DESC");
$sth = $dbh->prepare($sql);
$sth->execute();
?>
<?php echo $id; ?> <br>
<?php echo $row[fee_source_id]; ?> <br>
<?php echo $row[company_name_per_sedar]; ?> <br>
<?php echo $row[document_filing_date]; ?> <br>
<form>
<input type="date"> </input>
<br>
<input list="auditors" placeholder="Auditor" />
<datalist id="auditors">
<option value="/Foo" />
</datalist>
<br>
<input list="city" placeholder="City" />
<datalist id="city">
<option value="Bar" />
</datalist>
<br>
<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
</form>
</html>
質問
- データ属性を各行の最初のセルに等しくするポイントは何ですか? 各行の最初のセルのデータを「id」として使用することはできませんか?
- 1 が true の場合、
data要素の代わりに要素を使用する必要があると思いattrますか? - PHPが動かない！「致命的なエラー: オブジェクト以外のメンバ関数 prepare() の呼び出し..」というエラーが表示されます。