PHP在搜索框中创建自动完成答案

【问题标题】：PHP creating autocomplete into search boxPHP在搜索框中创建自动完成
【发布时间】：2016-06-13 03:24:34
【问题描述】：

大家好，我是 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>

我正在看一些教程，那个人的做法是使用这个功能$('.searchFunction').attr('value', result_value );但这对我不起作用，任何关于这件事的帮助都会很棒

PS 我知道 sql 注入 :) 但现在一次只解决一个问题

【问题讨论】：

@AliKhanusiya 只是当用户点击显示的结果时自动完成功能不起作用
你能创造一个这样的小提琴吗？
我想要的示例：jsfiddle.net/rdworth/ebduf 但我不知道如何在我的中实现它
console.log(result_value) 看看你得到了什么
我已经尝试过了，但没有任何反应，我不知道为什么会这样 :(

标签： javascript php jquery

【解决方案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('');
    });
});

【讨论】：

不幸的是没有:(
您是否通过控制台注销了 result_value 以查看它是否返回任何内容？
它没有，所以我不确定这是否是正确的方法，我 sed 这个视频youtube.com/watch?v=4fwOCgenuXI 如果你去你可以看到他的作品和我一样，但由于某种原因我的作品是不做自动完成
我要取出并更换哪个位？我很困惑
看看我是如何在你的 $('.searchFunction').keyup 函数之外使用 $('.result').on('click') 函数的？