下拉列表可以输入新值而不是列表

Question

我正在创建一个小型网站 php/mysql。 假设我的数据库中有一张具有不同笔记本电脑规格（品牌、cpu、...）的表格。例如，在以 html 表单添加新笔记本电脑时，在品牌字段中，我希望可以选择查看数据库中存在的所有不同品牌，然后选择其中一个或添加一个新品牌。 我不一定在寻找代码，也许是一个想法。

到目前为止，我有 2 个想法：

1.我有一个'输入'字段来写品牌名称和旁边的下拉列表，所以如果我从列表中选择一个品牌，我认为使用javascript，品牌名称将填写在输入中字段自动。不是最漂亮的解决方案。

2。我不知道 html 中是否有这样的选项可以在代码中的某处添加品牌名称（有点像选项/选择），所以当我双击输入字段时，我可以看到品牌列表然后选择一个或只需输入一个新品牌。

3。你的想法/解决方案...

Answer 1

创建一个表格“笔记本电脑”并从表格中显示下拉列表

$laptopquery = mysql_query("select * from laptops");

<select name="laptop">
 <?php
  while($laptops = mysql_fetch_array($laptopquery)){
    print "<option value=\"".$laptops['laptop_id']."\">".$laptops['laptop_name']."</option>";
  }
 ?>
</select>

Answer 2

如果您不需要出色的浏览器支持，您可以使用 HTML 5 数据列表（请参阅此处https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist）。在这里查看一些 polyfills http://html5please.com/#datalist。

如果你这样做，你应该检查一些百万 + JS 实现。我认为 jQueryUI 可能有一个。