我的自动填写输入表单有问题，当然还有 PHP MySQL 和 jQuery。所以我有选择选项表单和一些“禁用”文本框。我希望当我选择其中一个选项时，文本框会自动填充数据库中的值
所以这是我的全部代码:
PHP(数据库连接)- 我把它放在我的 <html> 上面代码
<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'db_mydatabase';
mysql_connect($host, $user, $pass);
mysql_select_db($db);
$user = '';
$query = mysql_query("SELECT * FROM tb_payment") or die (mysql_error());
?>
HTML
<select name="student" class="input-data">
<option value="">-- SELECT STUDENT --</option>
<!-- Do loop data from database -->
<?php while ($row = mysql_fetch_object($query)): ?>
<option value="<?php echo $row->id_user ?>">
<?php echo $row->name ?>
</option>
<?php endwhile; ?>
</select>
<br />
<table border=1>
<tr>
<th>ID</th>
<td><input type="text" class="output-id" disabled /></td>
</tr>
<tr>
<th>Name</th>
<td><input type="text" class="output-name" disabled /></td>
</tr>
<tr>
<th>Total Payment</th>
<td><input type="text" class="output-total" disabled /></td>
</tr>
</table>
jQuery :
$(document).ready(function(){
$(".input-data").on("change", function(){
<?php $id_user = "$(this).val()"; ?>
<?php $data = mysql_query("SELECT * FROM tb_payment WHERE id_user = '$id_user'") or die (mysql_error()); ?>
<?php while($row = mysql_fetch_object($data)): ?>
$(".output-id").val(<?php $row->id_user ?>);
$(".output-name").val(<?php $row->name ?>);
$(".output-total").val(<?php $row->total ?>);
<?php endwhile; ?>
});
});
但是当我尝试选择该选项时，值不会出现。有人可以帮助我吗？
最佳答案
如何创建新的页面名称 process.php 包含:
require_once "connectDB.php";
header('Content-type: application/json; charset=utf-8');
if(isset($_POST['one'])){
$json = array();
$id = trim($_POST['one']);
$query = "SELECT id, name, total FROM tb_payment WHERE id_user = ?";
$statement = $databaseConnection->prepare($query);
$statement->bind_param('s', $id);
$statement->execute();
$statement->bind_result($nId, $nName, $nTotal);
while ($statement->fetch()){
$user=array('id'=>$nId,'name'=>$nName,'total'=>$nTotal);
array_push($json,$user);
}
echo json_encode($json, true);
}
和 Jquery:
$(document).ready(function(){
$(".input-data").on("change", function(){
var id = $(".input-data").val();
var data = 'one=' + id;
$.ajax({
type: "POST",
url: "process.php",
data: data,
dataType: 'json',
success: function (data) {
if (data) {
for (var i = 0; i < data.length; i++) { //for each user in the json response
$(".output-id").val(data[i].id);
$(".output-name").val(data[i].name);
$(".output-total").val(data[i].total);
} // for
} // if
} // success
}); // ajax
});
});
关于javascript - 使用 PHP、MySQL 和 jQuery 自动填写输入表单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35305631/