使用ajax填充文本框

Question

我正在尝试编写一个AJAX脚本，但我无法弄明白。

输入名称时，必须运行查询以查找此人的ID。

JQUERY / HTML

<script type="text/javascript">
 $(document).ready(function(){
 	$("searchName").change(function(){
 		var name = $("searchName").val();
 		$.post("searchid.php", {
 			naam: name
 		}, function(data, status) {
 			$("#test").html(data);
 			});
 		});
 	});
</script>

<table>
<div class="auto-widget">
	<tr>
    	<td><lable>Naam</lable></td>
    	<td><input name="serarchName" class="tagert" type="text" id="searchName"/></td>
    <tr>
    <tr>
    	<td><lable>id</lable></td>
    	<td><input type="text" id="tmnlId"/></td>
    <tr>	
</div>
</table>

<p id="test"></p>

PHP

 //set $server, $user, $password and $database_name, then establish the connection:
    $conn = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);
    if ($conn->connect_error) {
        exit("FALSE");
    }

    $naam = $_POST["naam"];
    $query=mysqli_query($conn,"SELECT * FROM Medewerkers WHERE naam ='".$naam."'");
    $row=mysqli_fetch_array($query);
    echo $row['id'];

    ?>
    enter code here

Answer 1

你的jQuery选择器可能是你的问题的原因。它缺少#。

将jquery更改为：

<script type="text/javascript">
 $(document).ready(function(){
    $("#searchName").change(function(){
        var name = $("#searchName").val();
        $.post("searchid.php", {
            naam: name
        }, function(data, status) {
            $("#test").html(data);
            });
        });
    });
</script>