Question

是否有可能有一个下拉菜单，您可以通过直接在下拉字段中输入自己的值来添加自己的值？想法是让数据库中的所有行都在这个下拉菜单中进行监听，并具有添加新行的可能性。用于保存所有数据的php-File已经全部正常运行。右键我下载菜单的代码如下：

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

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

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

HTML dropdownmenu添加自己的值

1 个答案: