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

时间:2015-05-20 08:37:33

标签: javascript php mysql database drop-down-menu

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

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

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

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

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

2 个答案:

答案 0 :(得分:1)

如果您不需要惊人的浏览器支持,则可以使用HTML 5数据列表(请参阅此处https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist)。看看这里有几个polyfill http://html5please.com/#datalist

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

答案 1 :(得分:0)

创建表'笔记本电脑'并从表格中显示下拉列表

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