jQuery搜索框自動完成

我想創建一個自動完成搜索得到輸入和打印結果在div中。當我運行我的PHP代碼它給出了正確的結果，但它不工作與jquery，我無法打印結果是關於用戶輸入的。我的代碼是這樣的，jQuery搜索框自動完成

我的代碼;

$('#search').on('input',function(e){ 


$('#search').autocomplete({ 

      source: function(request, response) { 
       $.ajax({ 
        url : 'complete.php', 
        dataType: "json", 
        data: { 
         name1: request.term, 
         type: 'name' 
        }, 
        success: function(data) { 

         response($.map(data, function(item) { 
          return { 
           label: item, 
           value: item 
          } 
         })); 
         $("#showname").append(html); 
        } 
       }); 
      }, 
      autoFocus: true, 

      }); 

    });

My Php Codes;

$name=$_POST['name1']; 
$i=mysqli_query($con,"Select * from users where name like '".$name1."%'"); 
$data = array(); 
while($m=mysqli_fetch_assoc($i)){ 

    array_push($data, $m['name']); 

} 
echo json_encode($data);

如何根據用戶輸入搜索和打印結果？

謝謝...

來源

2014-10-03 gzml

控制檯沒有錯誤？我不明白的HTML部分。您正在將html附加到顯示名稱，但未定義html。請解釋。 – Barry 2014-10-03 09:05:57

有一個div在我的html中被稱爲showname，我嘗試在這個div中打印所有結果。 – gzml 2014-10-03 09:16:45

請提供您的HTML代碼。 – 2014-10-03 09:27:42

使用

success: function(data) { 
    for (i=0;i<data.length;i++) { 
     $("#showname").append(data[i] + '<br>'); 
    } 
}

將其添加到您的股利。根據自己的喜好添加自己的標記。

來源

2014-10-03 09:42:57 Barry

jQuery搜索框自動完成

回答

相關問題