2016-02-29 40 views
0

嗨,大家好,所以我是新來的PHP,並試圖建立一個自動完成功能爲我的搜索框。這一切工作正常,正在運行,但由於某種原因,當我搜索產品,它似乎我正在努力,使我搜索的地方,我可以只需點擊它,然後去那個搜索框。但由於某種原因,我不確定這是爲什麼。PHP創建自動完成到搜索框中

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>Dashboard</title> 
    </head> 
    <body> 

    <div class="container"> 
     <input type="text" name='search_term' id="search_term" class="searchFunction"> 
     <input type="submit" value="Search"> 
     <div class="dropdown"> 
      <ul class="result"></ul> 
     </div> 
    </div> 

我在看一對夫婦tutorails和傢伙的確是使用這個功能$('.searchFunction').attr('value', result_value);然而,這不適合我的工作方式,在這個問題上的任何幫助將是巨大

PS我知道在SQL注入:)但現在只是在一個時間

+0

@AliKhanusiya只是一個事實,即當上顯示的結果 – Nevershow2016

+0

用戶點擊,您可以創建這樣的提琴自動完成功能不工作? –

+0

Exanple,我想:http://jsfiddle.net/rdworth/ebduf/,但我不知道如何落實到礦井 – Nevershow2016

回答

0

篩選出一個問題,把你的點擊功能您的KEYUP功能,改變你的點擊功能像我有它的下面。

$(document).ready(function() { 
    $('.searchFunction').keyup(function(event) { 
     var search_term = $("#search_term").val(); 

     $.post(document.location.href, { search_term:search_term }, function(data) { 
      $('.result').html(data);  
     }); 
    }); 

    $('.result').on('click', 'li', function() { 
     var result_value = $(this).text(); 
     $('#search_term').val(result_value); 
     $('.result').html(''); 
    }); 
}); 
+0

你安慰:( – Nevershow2016

+0

註銷result_value,看它是否回來什麼? –

+0

它沒有,所以我不知道這是否是不幸的是什麼正確的方法,我的sed這個視頻https://www.youtube.com/watch?v=4fwOCgenuXI如果你要去通過對u能看到他的作品像我的,但由於某種原因,我的是不是做編輯我的答案自動完成 – Nevershow2016