HTML下拉菜单添加自己的价值

【问题标题】：HTML dropdownmenu adding own valueHTML下拉菜单添加自己的价值
【发布时间】：2013-04-23 08:39:17
【问题描述】：

是否有可能有一个下拉菜单，您可以通过直接在下拉字段中输入来添加自己的值？想法是让数据库中的所有行都在此下拉菜单中列出，并有可能添加新行。用于保存所有数据的 php 文件已准备就绪。现在我的下拉菜单代码如下所示：

<select id="name" name="name" onChange="enableOther();" onFocus="enableOther()">
    <option> </option>
    <option>Neu</option>
    <?php
    while($row = mysql_fetch_object($ergebnis))     
{
    echo('<option>'.$row->Material.'</option>');
}
    ?>
</select>

我希望有任何解决我的问题...

【问题讨论】：

似乎与stackoverflow.com/questions/8180890/drop-down-with-free-input重复
How can I create an editable combo box in HTML/Javascript?的可能重复
你想做什么？动态添加新选项（“通过直接在下拉字段中输入”）到选择输入或从数据库中读取选项？这是两个完全不同的东西。

标签： php html forms drop-down-menu

【解决方案1】：

这在 HTML 中本机不支持，但是有许多 JavaScript UI 工具包提供了可编辑的组合框小部件，或者您可以尝试自己在 JS 中编写一个（本质上，使用带有自定义编码下拉菜单的文本输入）下列表）。

或者，一个简单的方法是这样的：

<select name="name" ...>
    <option value=''>Custom (use text field)</option>
    ... etc ...
</select>
<input type='text' name='customName'>

那么在服务器端，如果name的提交值为空字符串，而customName的提交值不是，则使用customName。当用户根据需要更改选择框时，您还可以添加 JavaScript 以启用/禁用 customName 字段。

编辑：HTML5

顺便说一句，这在 HTML5 中是可能的，但当然不是所有浏览器都支持：

<input list="suggestedNames" name="name">
<datalist id="suggestedNames">
  <option value="...">
  ...
</datalist>

【讨论】：