2016-05-14 7 views
1

Ich habe zu beziehen Auto Complete Text Box using JQuery, PHP, MySQLAuto Complete TextBox JQuery PHP MySQL

Meine Seite ist in verschiedene PHP Templates aufgeteilt. Unten ist der Code:

Header.php

<!-- JQuery AutoComplete CSS --> 
<link href="../css/jquery.autocomplete.css" rel="stylesheet"> 

<!-- JQuery JS --> 
<script type="text/javascript" src="../js/jquery.js"></script> 

<!-- JQuery AutoComplete JS --> 
<script type="text/javascript" src="../js/jquery.autocomplete.js"></script> 

Hauptseite Diese Seite existiert innerhalb http://localhost/booking/mainpage.php

<tr> 
<td class="col-md-4"><label class="control-label">Pooja Name</label></td> 
<td class="col-md-8"><input type="text" name="txtPoojaName" id="poojaName" class="form-control" placeholder="Enter Pooja Name"></td> 
</tr> 

ich den Script-Code in der Main-Seite an die enthalten sind, Ende vor dem Ende des Body-Tags.

<script> 
$(document).ready(function(){ 
    $("#poojaName").autocomplete("autocomplete.php", { 
     selectFirst: true 
    }); 
}); 
</script> 

autocomplete.php

Diese Seite existiert innerhalb http://localhost/booking/autocomplete.php

<?php 
    $q=$_GET['q']; 
    $my_data=mysql_real_escape_string($q); 
    $dbc=mysqli_connect('localhost','root','[email protected]','srkbs') or die("Database Error"); 
    $sql="select distinct poojaname from v_poojadetails where poojaname like '%$my_data%' order by poojaname"; 
    $result = mysqli_query($dbc,$sql) or die(mysqli_error()); 
    //echo mysqli_num_rows($result); 
    if($result) 
    { 
     while($row=mysqli_fetch_array($result)) 
     { 
      echo $row['PoojaName']."\n"; 
     } 
    } 
?> 

ich die autocomplete.php separat getestet und es gibt die Ergebnismenge. Ich schätze, ich mache einen Fehler in JQuery oder an einem anderen Ort.

Bitte um Rat.

Antwort

0

haben Sie einen Blick hier: http://jqueryui.com/autocomplete/

$("#poojaName").autocomplete({ 
     source: ["poojaOne","poojaTwo"."poojaThree"], 
     selectFirst: true 
}) 

Wenn Sie mit autocomplete.php Ihre pooja Liste bevölkern sollten Sie Ajax verwenden, um die Liste in und in Ihrer PHP Datei bringen Sie besser dran sind Echo aus einem Array mit json_encode. Schauen Sie sich hier http://php.net/manual/en/function.json-encode.php an, um zu sehen, wie man ein PHP-Array zu JSON codiert.

+0

Gibt es noch eine andere Ressource? Ich benutze Bootstrap CSS und die Lösung hat ein eigenes CSS. Ich habe den Sinn, AJAX mit PHP zu benutzen. Vielen Dank – Rajiv