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


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

我正在创建一个小网站php/mysql。假设我的数据库中有一个表,其中包含不同的笔记本电脑规格(品牌、cpu等)。当在html表单中添加新的笔记本电脑时,例如在品牌字段中,我希望有选项可以查看DB中存在的所有不同品牌,并选择其中一个或添加一个新品牌。我不一定是在寻找一个代码,也许是一个想法。

到目前为止,我有两个想法:

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

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

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

如果你不需要惊人的浏览器支持,你可以使用HTML 5数据器(见这里https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist)。看看这里的一些polyfills http://html5please.com/#datalist.

如果你这样做,你应该检查一些超过百万的JS实现。我想jQueryUI可能有一个

创建一个表" laptop "并显示下拉列表

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