Php 如何创建可编辑的下拉列表?使用AJAX

Php 如何创建可编辑的下拉列表?使用AJAX,php,javascript,html,ajax,Php,Javascript,Html,Ajax,我试图创建一个带有“选择”html标记的下拉列表,但是,这使得输入框无法编辑 <select name="blabla" id="search_container"> <option>blabla</option> ... </select> 布拉布拉 ... 因此,我添加了前面的输入: <input type=text value="" onkeyup="searchFilter()"> Search &

我试图创建一个带有“选择”html标记的下拉列表,但是,这使得输入框无法编辑

  <select name="blabla" id="search_container">
    <option>blabla</option>
    ...
  </select>

布拉布拉
...
因此,我添加了前面的输入:

<input type=text value="" onkeyup="searchFilter()"> Search </input>
搜索
当用户在该框中输入任何内容时,
searchFilter()
将启动,返回一组
,覆盖
search\u容器

但这让界面看起来很糟糕,我这里有两个水平框,但我确实看到许多网站只有一个框,当用户输入时,一个选项列表会下拉,你只需选择一个

谢谢你的回复


@更新,这个术语叫做“自动完成”,我的问题解决了。谢谢大家

如果我理解正确,您希望创建一个“自动完成”搜索框

有很多选择(只需在谷歌上搜索“javascript自动完成”)


jQuery UI具有此功能,可能是一个很好的起点。

我假设您正在谈论带有自动完成功能的combobox-允许在其中键入的combobox提供了如下选项列表:

或者这个:

?

这在纯JavaScript中实现起来相当复杂(尽管可能),通常通过使用第三方JavaScript框架来实现,该框架提供了这些现成的功能

您可以查看以下JavaScript框架:

(可能需要一个插件)


您是否希望实现类似的功能?自动完成?JQuery有一个很好的插件,听起来像是做了你想要的。