2017-08-08 4 views
0

こんにちは、私は検索フィールドを使用して会社の名前の最初の文字を書くオートコンプリート関数を作成しようとしています。コードは会社のオンラインデータベースを検索し、提案のリストがあります。例えば Company1のstreet1郵便番号などの郵便番号astreet2 Company2のなど company3 street1郵便番号など2つのフィールドにデータを渡す

私は上場企業のいずれかをクリックしますと、それはVILL郵便番号などフィールド3通りのフィールド2 Company1のでフィールド1移入が、私が作るカントそれ。私はこれを行う方法を知っていないと私は学ぶために理解しようとしているが、これは私にとっては複雑すぎるので、あなたの人の誰かが私をhekpできますことを願って - 事前に感謝します。

これは私のコードがこれまでのように見える方法です。 メインページ:

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title></title> 
     <link href="layout.css" rel="stylesheet" type="text/css"> 
     <link href="menu.css" rel="stylesheet" type="text/css"> 
    </head> 
    <style> 
     .kundsok { 
      border: 1px solid #a8d4b1; 
      background-color: #c6f7d0; 
      margin: 2px 0px; 
      padding: 40px; 
      border-radius: 4px; 
     } 
     #ftg-list { 
      float: center; 
      list-style: none; 
      margin- top: -3px; 
      padding: 0; 
      width: 190px; 
     } 
     #ftg-list li { 
      padding: 10px; 
      background: #f0f0f0; 
      border-bottom: #bbb9b9 1px solid; 
     } 
     #ftg-list li:hover { 
      background: #ece3d2; 
      cursor: pointer; 
     } 
     #search-box { 
      padding: 10px; 
      border: #a8d4b1 1px solid; 
      border-radius: 4px; 
     } 
    </style> 
    <script src="jquery-3.2.1.min.js" type="text/javascript"></script> 
    <script> 
     $(document).ready(function() { 
      $("#search-box").keyup(function() { 
       $.ajax({ 
        type: "POST", 
        url: "readkund_eniro.php", 
        data: 'keyword=' + $(this).val(), 
        beforeSend: function() { 
         $("#search-box").css("background", "#FFF url(LoaderIcon.gif) no-repeat 165 px "); 
        }, 
        success: function(data) { 
         $("#suggesstion-box").show(); 
         $("#suggesstion-box").html(data); 
         $("#search-box").css("background", "#FFF"); 
        } 
       }); 
      }); 
     }); 
     function selkund(val, val2) { 
      $("#search-box").val(val); 
      $("#foretag_name").val(val); 
      $("#stad").val(val2); 
      $("#suggesstion-box").hide(); 
     } 
    </script> 
    <body> 
     <div id="sidlayout"> 
     <div id="content"> 
     <?php include "menukunder.php"; ?> 
     <div class="kundsok"> 
      <center> 
      <input type="text" id="search-box" name ="search-box" placeholder="kund" > 
      <div id="suggesstion-box"></div> 
      </form> 
      <h1></h1> 
      <H3></H3> 
      <center> 
      <form action="sida3ka.php" method="post"> 
       <fieldset> 
        <label title="Skriv in företagets namn" for="foretag_name">Företag:</label> 
        <input type="text" name="foretag_name" id="foretag_name"> 
        <label title="Skriv in stad" for="stad">Stad:</label> 
        <input type="text" name="stad" id="stad">  
       </fieldset> 
      </form> 
     </div> 
     </div> 
    </body> 
</html> 

コードreadkund_eniro.phpと呼ばれる他のページでは、私のデータベースRESPONSがそうで

$ftg["companyInfo"]['companyName'] 
$ftg["address"]['streetName'] 
$ftg["address"]['postCode'] 

となります。この

$url = 'https://api.eniro.com/cs/search/basic?profile=Martens&key=3653823918839001013&country=se&version=1.1.3&search_word 
    =' . $_POST["keyword"] . '&geo_area=stockholm'; 
$response = file_get_contents($url); 
$json = json_decode($response, true); 
if(!empty($json)) { 
    ?> 
     <ul id="ftg-list"> 
    <?php 
     foreach($json['adverts'] as $ftg) { 
    ?> 
      <li onClick="selkund('<?php 
       echo $ftg["companyInfo"]['companyName']; 
       echo $ftg["address"]['streetName']; 
     ?>');"><?php 
        echo $ftg["companyInfo"]['companyName']; 
     ?> 
      </li> 
     <?php 
     } 
    ?> 
     </ul> 
    <?php 
} 

のように見えます。再度ありがとう Johan

+0

の内側にあなたの応答テキストで見つかった別の事。 このコードを読むと、コードをデバッグするのに役立ちます**。 [コーディング標準を素早く見てください](http://www.php-fig.org/psr/psr-2/)を参考にしてください。 このコードを数週間/数ヶ月で修正するように求められる場合があります。最後に感謝します。 – GrumpyCrouton

+0

私はこれを行う方法をテストしています。私の製品であることを意図したコードではなく、作業作業を行います。とにかくアドバイスをありがとうございました。 –

+0

ありがとう@GrumpyCrouton –

答えて

0

私はreadkund_eniro.phpファイルでAPIのURLに問題があると思います。以下のように試してみてください。

$url = "https://api.eniro.com/cs/search/basic?profile=Martens&key=3653823918839001013&country=se&version=1.1.3&search_word=".$_POST['keyword']."&geo_area=stockholm"; 

私はいくつかの賢明なコードのインデントが良いでしょう

<li onClick="selkund('<?php echo $ftg["companyInfo"]['companyName'];?>', '<?php echo $ftg["address"]['streetName'];?>');"><?php 
       echo $ftg["companyInfo"]['companyName']. ', '. $ftg["address"]['streetName'].', '. $ftg["address"]['postCode'] ; 
    ?> 
     </li> 
+0

いいえ@pooriviそれはうまく動作しませんでした。それは私があなたに頼っている正しいことを見ているという意味ですか? –

+0

ええ。私はそれがいくつかの変更で動作するはずだと思う –

+1

それは完璧な仕事をした感謝の仲間に感謝!どうもありがとう!! @Poorvi Gandhi –

関連する問題