id
、、、の3つのテキスト入力フィールドを持つHTMLフォームがありname
ますcontact
。私のDBテーブルには同じ名前の列があり、値はid=1
、、name=mark
ですcontact=1234
。name
ここで、htmlフォームのidフィールドに「1」を入力してEnterキーを押すと、フォームの残りのフィールド(: 、など)はどのようcontact
に自動的に入力されますか?
私がこれまでに行ったことは次のとおりです。
私のindex.htmlファイル(以前はJSONを使用していなかったので間違っていると思います):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type = javascript>
$("#email").bind("change", function(e){
$.getJSON("lookup.php?email=" + $("#email").val(),
function(data){
$.each(data, function(i,item){
if (item.field == "first_name") {
$("#first_name").val(item.value);
} else if (item.field == "last_name") {
$("#last_name").val(item.value);
}
});
});
});
</script>>
</head>
<body>
<form>
<input type="text" name="email" id="email" />
<input type="text" name="first_name" id="first_name" />
<input type="text" name="last_name" id="last_name" />
</form>
</body>
</html>
私のlookup.phpファイル:
<?php
//look up the record based on email and get the firstname and lastname
$email=$_GET['$email'];
$con = mysql_connect("localhost", "root", "");
if (!$con) {
die('Could not connect: ' . mysql_error());
}
mysql_select_db("json", $con); //DB name= json
mysql_select_db("json"); //DB name= json
$result = mysql_query("SELECT * FROM json1
WHERE email LIKE '$email%'"); //DB table name=json1
if (mysql_num_rows($result) == 1) {
while ($myrow = mysql_fetch_array($result)) {
//build the JSON array for return
$json = array(array('field' => 'first_name',
'value' => $firstName),
array('field' => 'last_name',
'value' => $last_name));
echo json_encode($json );
}
}
?>