具有自动填充功能的标签和搜索系统

Tag and search system with autofill

本文关键字：标签 搜索 系统 功能 填充      更新时间：2023-09-26

我一直在寻找一个易于编辑的标签和一个搜索系统，并且在打字时需要使用自动填充系统。

它需要从数据库中获取信息示例：键入"Sh"

在数据库中获取以下信息。

Sharks 2         / 2004 / Drama / Dreamworks
Sherlock Holmes  / 2009 / Drama / UnitedFilms
Sherlock Holmes  / 2012 / Drama /United Films

它目前将其显示为列表并带有链接。

我还需要一个标签系统，当我键入一个字母时，它会向我显示用户并在变量中从该用户那里获取 id。

我做不到，我不太

擅长js，我找不到教程，因为我不喜欢scipt，只是我想理解它。

好的，我的想法是从 mysql 调用数据库并显示一个 for 循环，我知道如何使用变量和一切来做到这一点，但我无法为每次键入字母时制作代码再次通过 mysql 进行搜索我的想法就是这个我不知道我是否有正确的想法。

<?php
   $var_search = $typed;
   $query = mysql_query("SELECT * FROM movies WHERE name = '%$typed%");
   $rows = mysql_num_rows($query);
    for($i=0, $i = $rows, $++){
      echo "here show the list"
     }
?>

但是我怎样才能让它每次输入一个字母时我都可以重新进行查询。

对不起我的英语，不是我的第一语言。

谢谢！！

是的，Antonio Laguna 是对的，但据我所知，你需要使用的是 ajax：

http://api.jquery.com/jQuery.ajax/

每次用户键入键时，您都必须创建一个文本框并使用 onkeyup 事件启动 ajax 请求，以显示具有数据库给定输出的 php 文件（在此文件中将是您在上面的问题中的代码）。

这看起来像这样：

索引.html： 

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        function typing(search){
        $.ajax({
          url: 'get_db.php?q='+search,
          success: function(data) {
            $('#result').html(data);
          }
        });
        }
    </script>
</head>
<body>
    <input type="textbox" onkeyup="javascript: typing(this.value);">
    <div id="results" style="width: 200px; height: 300px;">
    </div>
</body>
</html>

get_db.php：

<html>
<head>
</head>
<body>
<ul>
    <?php
       $typed = $_GET["q"];
       $typed = trim($typed);
       $query="select * from movies where name = '%typed%'";  
        $rt=mysql_query($query);
        echo mysql_error();  
        while($nt=mysql_fetch_array($rt)){
    ?>
        <li>
            <a href="<?php echo "$nt[link]"; ?>"><?php echo "$nt[name]"; ?></a> 
        </li> 
    <?php 
        }
    ?>
    ?>
</ul>
</body>
</html>
相关文章：