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