PHP在搜索框中創建自動完成功能

Question

嗨，大家好，我是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注入:)，但現在只一次解決一個問題

Answer 1

將點擊功能從鍵控功能中移除，然后更改點擊功能，如下所示。

$( 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('');
    });
});

PHP在搜索框中創建自動完成功能

問題描述

1 個解決方案

解決方案1
0 已采納 2016-02-29 22:25:12

PHP在搜索框中創建自動完成功能

問題描述

1 個解決方案

解決方案1 0 已采納 2016-02-29 22:25:12

解決方案1
0 已采納 2016-02-29 22:25:12