Php 如何使用mysql数据库将下拉选择更改为typeahead？_Php_Mysql_Typeahead

Php 如何使用mysql数据库将下拉选择更改为typeahead？

php mysql

Php 如何使用mysql数据库将下拉选择更改为typeahead？,php,mysql,typeahead,Php,Mysql,Typeahead,我想把这个代码下拉选择课程改成typeahead，所以我只需要输入几个单词，然后，它会建议 <TD width="112"><INPUT type="checkbox" name="chk[]"/></TD> <TD width="472"> <SELECT name="course[]"> <?php $sql = "se

我想把这个代码下拉选择课程改成typeahead，所以我只需要输入几个单词，然后，它会建议

<TD width="112"><INPUT type="checkbox" name="chk[]"/></TD>
        <TD width="472">
            <SELECT name="course[]">
                <?php
                  $sql = "select * from tt_course";
                  $result = mysql_query($sql);
                  while($rs = mysql_fetch_assoc($result))
                    {
                        $select="";
                        echo "<option value=\"".$rs['course_id']."\" ".$select.">".$rs['course_name']."</option>";
                    }
                  ?>
            </SELECT>
        </TD>

看看它的简单和易于设置，并将服务的目的。您可以创建一个值数组并将其提供给Autocomplete，也可以让它调用php页面并解析返回的JSON数据

正如所承诺的，这里有一个示例代码来帮助您继续。请注意，此代码使用本地javascript变量为自动完成框准备建议。您可以很容易地更新它，从php页面中查找JSON数据，我可以很容易地让您做到这一点，但目的是帮助您学习，所以我认为这种方式对您来说更好，这样您就可以看到它是如何工作的，然后根据您的需要进行相应的更新。在这里，您可以简单地复制粘贴此代码并看到它正在运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/black-tie/jquery-ui.css" type="text/css" />
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'></script>
    <script>
    $(document).ready(function() {
        $( "#AC" ).autocomplete({
            source: programmingLang
        });
    });
    var programmingLang = ["ActionScript","AppleScript","Asp","BASIC","C","C++",
    "Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell",
    "Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"];
    </script>
</head>
<body>
    <input type=text name="AC" id="AC">
</body>
</html>

你试过网上的教程吗？我也推荐jQuery，它使用起来非常简单。进一步说明：不要再使用mysql_*函数了，它已经被弃用了。改用PDO的MySQLi，它既省钱又快捷，PDO附带了方便的函数作为准备语句：这实际上会使您的打字速度更快。当然，让我为您准备一些指南，然后您可以根据需要修改这些指南。我将在几天后更新我以前的答案