php - 如何对从数据库填充的选择框进行快速搜索或自动完成？

Question

我有一个从数据库中填充的选择框，并且想做一个快速搜索或自动完成来搜索选择框中的元素。下面是我的代码：

    <?
           print("<table>");
        print("<tr>");
            print("<td>");
            //print("<div id='searchable-form' >");  //
            print("<div id='searchable'>Search: <input type='text' id='searchFILE' size='33' autocomplete='off' /></div>");
            print("<select name='lktyp' id='lktypSearch' size='10' >");
            //Create new SQL object
            $db = new NSC_SQL($db2config);
            $db->from($bllcust1,"BCUST#,BNAME");
            $db->order("BCUST#");
            $db->select();
            $results = $db->fetchAssoc();
            $db->dspSQL();
            foreach($results as $row)
            {
                $bcust = trim($row['BCUST#']);
                $bname = trim($row['BNAME']);
                print("<option value='$bcust'>$bcust ~ $bname</option>");
            }
            print("</select>");
            print("</div>");
            print("</td>");
        print("</tr>");
        print("<tr>");
            print("<td colspan='2' align='center'>");
            //print("<input type='submit' name='search' value='Search'>");
            print("<input type='button' value='Select' onclick='lkp();'>");
            print("<input type='button' name='cancel' value='Cancel' onClick='parent.$.fancybox.close();'>");
            print("</td>");
        print("</tr>");
    print("</table>");

?>

Answer 1

最简单的方法是实现Jquery autocomplete。我不会为您编写代码，但如果您发现很难创建一个新问题，发布您尝试过的一些代码，有人会提供帮助。

Answer 2

已经提到的 jQuery 自动完成的两个不错的替代品是Chosen和Select2。这两个都需要 jQuery 或其他受支持的 JS 框架。jQuery 自动完成和 Select2 对远程数据集有很好的支持。