JQueryでHTMLのドロップダウンリストにデータベースの内容を表示

JQueryでPHPからデータベース上の選択肢をドロップダウンリストに表示する方法。
あらかじめstatusテーブル内には id,name を入力しているものと仮定。

HTMLの内容は以下。
ヘッダ内<script>の記述

<script type="text/javascript" src="./jquery.js"</script>
<script>
<!-- $(funtion(){ $("#test").load("./statuslist.php"); });  -->
</script>

 

BODY内の記述
状態:

PHPのコードはこんな感じ。

$dbi = new mysqli("ホスト", "ユーザ", "パスワード","データベース");

if ($dbi->connect_errno){
die("Connect Error :".$dbi->errno);
}
$que = "SELECT id,  name FROM status";
$result = $dbi->query($que);
while ($row = $result->fetch_array(MYSQLI_BOTH)) {
echo "<option value=".$row["id"].">".$row["name"]."</option>n";
}
$dbi->close();

 
結果

This entry was posted in ソフトウェア開発, 個人的メモ and tagged , , . Bookmark the permalink.

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください