gpt4 book ai didi

php - jquery根据选择值填充表中的文本输入

转载 作者:行者123 更新时间:2023-12-01 08:26:10 25 4
gpt4 key购买 nike

我有一个表单,其中包含一个名为 Client_ID 的选择以及一些其他文本输入。我需要的是,当用户选择 Client_ID 时,我的字段 Address1、Address 2 等应使用数据库查询的结果填充,类似于

SELECT Address1, Address2 from Client where Client_ID = Client_ID

我知道这有点菜鸟问题,但非常感谢您提供一些关于最简单和最好的方法的帮助。

最佳答案

你应该用 jQuery 做这样的事情+ JSON

首先从here下载jquery并将其包含在您的应用程序中。

如果home.php,您下载的jquery文件(jquery-1.4.2.min.js)和getData.php位于相同的文件夹,那么您的 home.php 将如下所示:

home.php(包含表单的文件)

<html>

<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#Client_ID').live('change', function(event) {
$.ajax({
url : 'getData.php',
type : 'POST',
dataType: 'json',
data : $('#myform').serialize(),
success: function( data ) {
for(var id in data) {
$(id).val( data[id] );
}
}
});
});
});
</script>

</head>

<body>

<form id='myform'>
<select name='Client_ID' id='Client_ID'>
<option value=''>Select</option>
<option value='1'>Client 1</option>
<option value='2'>Client 2</option>
</select>

<input type='text' name='address1' id='address1'>
<input type='text' name='address2' id='address2'>

<select name='gender' id='gender'>
<option value=''>Select</option>
<option value='1'>Male</option>
<option value='2'>Female</option>
</select>

</form>

</body>


</html>

getData.php

<?php

$clientId = $_POST['Client_ID']; // Selected Client Id

$query = "SELECT Address1, Address2 from Client where Client_ID = $clientId";
$result = mysql_query($query);
$row = mysql_fetch_array($result, MYSQL_ASSOC)

$add1 = $row[Address1];
$add2 = $row[Address2];
$gender = 1;

$arr = array( 'input#address1' => $add1, 'input#address2' => $add2, 'select#gender' => $gender );
echo json_encode( $arr );

?>

我已经在我的机器上测试了这段代码并且它可以工作。

关于php - jquery根据选择值填充表中的文本输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3657127/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com