Hộp văn bản tự động hoàn thành bằng cách sử dụng php

Question

Tôi đang thực hiện tự động hoàn thành bằng cách sử dụng PHP nhưng tôi gặp lỗi với mã sau đây, vì vậy hãy giúp tôi.

index.php

đây là HTML của tôi

<form method="POST"> 
    <input type="text" name="txtpname" id="txtpname" size="30" class="form-control" placeholder="Please Enter City or ZIP code"> 
</form> 

đây là kịch bản của tôi

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#txtpname").autocomplete({ 
      source:'ajax_autocomplete_party.php', 
      minLength:1 
     }); 
    }); 
</script> 

đây là tập tin ajax của tôi từ nơi mà tôi có được dữ liệu. ajax_autocomplete_party.php bao gồm "script/db.php";

$term=$_GET["txtpname"]; 

$query=mysql_query("SELECT * FROM party_details where NAME like '%".$term."%' order by NAME"); 
$json=array(); 

while($party=mysql_fetch_array($query)) 
{ 
    $json[]=array(
     'value'=> $party["PARTY_ID"], 
     'label'=>$party["NAME"] 
    ); 
} 

echo json_encode($json); 

tôi nhận được một lỗi khi tải lại trang lỗi của tôi là: autocomplete not defined làm gì bây giờ

Answer 1

Phiên bản mới nhất của jQuery và -UI làm cho nó hoạt động:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

$(document).ready(function() { 
 
    $("#txtpname").autocomplete({ 
 
    source: [ 
 
     "ActionScript", 
 
     "AppleScript", 
 
     "Asp", 
 
     "BASIC", 
 
     "C", 
 
     "C++", 
 
     "Clojure", 
 
     "COBOL", 
 
     "ColdFusion", 
 
     "Erlang", 
 
     "Fortran", 
 
     "Groovy", 
 
     "Haskell", 
 
     "Java", 
 
     "JavaScript", 
 
     "Lisp", 
 
     "Perl", 
 
     "PHP", 
 
     "Python", 
 
     "Ruby", 
 
     "Scala", 
 
     "Scheme" 
 
    ], 
 
    minLength: 1 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" /> 
 

 
<form method="POST"> 
 
    <input type="text" name="txtpname" id="txtpname" size="30" class="form-control" placeholder="Please Enter City or ZIP code"> 
 
</form>