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

Question

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

目前我有两个想法：

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

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

3。你的 idea/solution...

Answer 1

如果您不需要出色的浏览器支持，您可以使用 HTML 5 个数据列表（参见此处 https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist). Have a look here for a few polyfills for it http://html5please.com/#datalist。

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

Answer 2

创建 table 'laptops' 并显示 table

的下拉菜单

$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>

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

Drop down list with possibility to enter new value instead of list

javascript

php

mysql

database

drop-down-menu