我有一个名为“invoiceidcopy”的表单输入...我需要将此输入值的值与我的数据库中的值(invoiceidcopy)下的值匹配,然后获取其关联的记录/表格行当我点击“#submit-id”按钮时,数据预填充我的表单。
我的表单和数据库具有以下名为“invoiceidcopy”,“location”,“q1”,“subcheck”的输入/列。
以下就我而言,即便如此,我觉得我很接近。
非常感谢并提前感谢任何人的帮助。
FORM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="/xxx.php">
<input id="invoiceidcopy" name="invoiceidcopy" type="text" value="XXXIDXXX"/>
<button id="submit-id">Prefill Form</button>
<input id="location" name="location" required="" type="text">
<input type="radio" id="q1" name="q1" value="4.99" checked="checked">
<input type="radio" id="q1" name="q1" value="7.99" />
<input id="subcheck" name="subcheck" value="0" type="hidden">
<input id="subcheck" name="subcheck" value="1" onclick="return false" checked="" type="checkbox">Agree to Terms of Service
<button id="btn1" type="submit" name="Submit">Submit</button>
</form>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(function(){
$('#submit-id').on('click', function(e){ // Things to do when '#submit-id' button is clicked
var invoiceidcopy = $('#invoiceidcopy').val(); // Grab user invoiceidcopy from text field
e.preventDefault(); // Prevent form from submit, we are submiting form down with ajax.
$.ajax({
url: "/tst/orders2.php",
data: {
'invoiceidcopy':invoiceidcopy
}
})
.done(function(data) {
data = JSON.parse(data);
$('#location').val(data.location);
$('#q1').val(data.q1);
$('#subcheck').val(data.subcheck);
});
});
});
</script>
</body>
</html>
/tst/orders2.php
<?php
// Create the connection to the database
$con=mysqli_connect("xxx","xxx","xxx","xxx");
// Check if the connection failed
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
die();
}
if (isset($_GET['invoiceidcopy']))
{
$invoiceidcopy= $_GET['invoiceidcopy'];
$query = "SELECT location, q1, subcheck
FROM seguin_orders
WHERE invoiceidcopy = '".($invoiceidcopy)."'";
$result = mysqli_query($con,$query);
while ($row = mysqli_fetch_assoc($result)){
echo json_encode($row);
die();
}
?>
答案 0 :(得分:0)
您的代码适用于文本字段和广播/复选框...
但是.val()
会设置收音机/复选框的值
在check&amp;之间切换未经检查...等...您可能需要使用.attr()
或.prop()
并根据预先填写的值设置checked
$("#q1").attr('checked', true);
$('#subcheck').prop('checked', true);