Question

使用第一个文本框的输入自动填充第二个文本框。就像我选择Jane作为名字一样，我希望第二个文本框从数据库中检索姓氏并自动用Doe填充它。我在第二个文本框上没有自动输入，不知道我做错了什么。

这是test.php代码

<?php   

?>
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
	  $("#firstName").change(function(){
		  var firstName=$(this).val();
		   if(firstName != ''){
		 	      $.ajax({
                              type:"post",
                              url:"insert_process.php",
                              data:"firstName="+firstName,
							  datatype:"json",
				              success:function(data){ $("#lastname").val(data);
							    $('#ename').css( "background-color","#B3CBD6"  ) 
							 $('#ename').animate({backgroundColor: "#fff",});
							   }
                                
	                                                       });
		   }
		   else{
			   $("#lastname").val("");
			   }
		  });
	 });
</script>
<!DOCTYPE html>
<html>
<head>
<title>Systems Request </title>

</head>
<body>

<div align="center">

<form action = "insert.php" method ="post" class="form" style="width: 285px; height: 192px">

<br><br>First Name<br>
<input type="text" id="firstName" name="firstName">

<br>&nbsp;Last Name<br>
<input type="text" id="lastname" name="lastname" ><br><br>

<input type="submit" value= "Submit Name "><br>

</form>
</div>
</body>
</html>

然后这里是insert_proccess.php代码

<?php
header('Content-Type: application/json');
$host = "localhost";
$user = "root";
$db_name= "people";
$pass= "systems399";
$con = mysql_connect($host, $user, $pass);
$db_conx=mysql_select_db("people", $con);
$fname=  $_POST["firstName"];
	   $sql="SELECT * FROM  names WHERE firstName='$fname'   ";	
		$query= mysqli_query($db_conx, $sql);
	$row = mysqli_fetch_array($query2 MYSQLI_ASSOC);
	$rc	= $row["lastname"];

echo json_encode ($rc);
 
?>

Answer 1

请求是否实际发送（您可以检查网络选项卡）？你能提醒返回的数据吗？基本上为了更有帮助，我需要更多关于过程失败的信息，快速浏览一下，尝试设置更像这样的数据结构：

data: { "firstName": firstName }

使用第一个文本框输入自动填充第二个文本框

1 个答案: