ドロップダウンメニューの自動補完検索バー

Question

これはhttps://i.gyazo.com/5ba7b0ecbd877c4b8b432cf9d55bb848.gifですが、今は2時間進んでいませんが、今は ですが、これは現在https://i.gyazo.com/1fad863c3c1379e9de8107bfd349377e.gifですそれ私が欲しいものに

私のコード：別のPHPファイル内

<?php 



    include("db-tilkobling.php"); 

    $sqlSetning="SELECT navn FROM flyplass ORDER BY lokasjon;"; 
    $sqlResultat=mysqli_query($db,$sqlSetning) or die ("ikke mulig å hente data fra databasen"); 

    $antallRader=mysqli_num_rows($sqlResultat); 

    for ($r=1;$r<=$antallRader;$r++) 
    { 
     $rad=mysqli_fetch_array($sqlResultat); 
     $navn=$rad["navn"]; 


     print("<option value='$navn'> $navn</option>"); 
    } 
?> 

：

<form method="post" action="" id="billett" name="billett" onsubmit = ""> 
    Fly fra <select name='navn' id='navn'> 
     <?php include("klasse-boks.php"); ?> 
    </select> 
    Fly til <select name='navn' id='navn'> 
     <?php include("klasse-boks.php"); ?> 
    </select> 
    <input type="submit" value="Søk og Bestill" id="fortsett" name="fortsett"> 
</form> 

Answer 1

あなたはjqueryのを使用している場合は、THER eはオートコンプリート機能です（シンプルで良い）。 jqueryのオートコンプリートのために

、オートコンプリートのために

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

、

<script> 

    $(function() { 
     $("#countries").autocomplete({ 
      source: 'countries.php' 
     }); 
    }); 
    </script> 

ここでは、 '国' と呼ばれるIDを持つことになり、私たちはデータを取得するため、別のPHPスクリプトを作成することができます。あなたは上記のコードで見ることができます。

そして、私たちのHTMLは、私たちは、クエリ文字列から用語フィールド($_GET['countries'])でテキストボックスの値を取得することができ、この

<div class="ui-widget"> 
    <label for="countries">Countries: </label> 
    <input id="countries"> 
</div> 

最後に

、PHPのソースファイル、

のようになります。今度はスキルテーブルからデータを取り出し、スキルをフィルタリングするのは$_GET['countries']です。最後に、フィルタ処理されたスキルデータをJSON形式で返します。

<?php 
    //database configuration 
    $dbHost = 'localhost'; 
    $dbUsername = 'root'; 
    $dbPassword = ''; 
    $dbName = 'countries'; //database name 

    //connect with the database 
    $db = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName); 

    //get search term 
    $searchTerm = $_GET['countries']; 

    //get matched data from countries table 
    $query = $db->query("SELECT * FROM countries WHERE country LIKE '%".$searchTerm."%' ORDER BY country ASC"); 

    while ($row = $query->fetch_assoc()) 
    { 
     $data[] = $row['country']; 
    } 

    //return json data 
    echo json_encode($data); 
?> 

アイデアがありましたら幸いです。そして、あなたはそれを学ぶことができます。これはポイント/ upvotesではありません。がんばろう。