Javascript 预测下拉输入

Javascript 预测下拉输入,javascript,php,html,drop-down-menu,Javascript,Php,Html,Drop Down Menu,我有一个名为contacts的表,其中每个用户存储其联系人的用户名: $result = mysql_query("SELECT * FROM contacts WHERE sender='".$_SESSION ["username"]."'"); $row = mysql_fetch_array($result); 我的页面用于向用户撰写消息。因此,当用户在文本字段中键入时,我需要显示一个下拉列表,该列表与他的联系人姓名相匹配(如Gmail) 我搜索了很多,但找不到任何工作脚本。看看

我有一个名为
contacts
的表,其中每个用户存储其联系人的用户名:

$result = mysql_query("SELECT * FROM contacts WHERE sender='".$_SESSION ["username"]."'");
$row  = mysql_fetch_array($result);
我的页面用于向用户撰写消息。因此,当用户在文本字段中键入时,我需要显示一个下拉列表,该列表与他的联系人姓名相匹配(如Gmail)



我搜索了很多,但找不到任何工作脚本。

看看这个自动完成的示例


这将给出自动完成编码的想法

也许你搜索了错误的东西?我认为
autocomplete select
会给出很好的结果。例如,请参阅以获取一些jquery插件。不过,您需要自己完成与服务器的集成。仅供参考:从PHP5.5.0开始,本机已被正式弃用,将来将被删除。考虑切换到另一种选择(例如PDO、MySQLi)。
<input name="reciever" type="text" value="" class="inputs3" placeholder="Enter the username"/>
autocomplete({
        minLength: 1,
        source: function( request, response ) {
          //check if the request string starts with a space
          if(request.term===' ')
          {
            response([{value: "Enter Some text to search"}]);
            return false;
          }
          // delegate back to autocomplete, but extract the last term
          response( $.ui.autocomplete.filter(
          availableTags, extractLast( request.term ) ) );
        }