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 );然而这对我不起作用，对此事的任何帮助都会很棒

P.S我知道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 个答案: