Javascript 下拉菜单可以编辑吗？

我有一个下拉菜单，显示2-3个客户ID。现在，用户想要输入一个下拉菜单中没有显示的客户id。是否可以使下拉菜单可编辑？

如果您想知道是否可以将

-输入设置为可编辑，答案是，不可以（没有一些脚本）

例如，您可以尝试以下方法之一：

---

（通过谷歌搜索html可编辑选择）你可以尝试使用CSS

试着跟随

--选择列名--

---

我制作了一个完整的atom217代码工作示例（他缺少函数）

函数E（id）{returndocument.getElementById（id）；}
功能更改IT（drp、txf）
{
dd=E（drp）；
E（txf）.value=dd.options[dd.selectedIndex].text；
}
--选择列--
选择一的例子
示例选项二

---

我试过了。适用于我的4个目标浏览器。（我也在寻找这个）

供将来参考：它现在在HTML5中提供：

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist> 

---

这个特殊的文本框有一个恼人的特性，即backspace不起作用——它不是一个真正的文本框，只是用按键来添加字母。更新了答案，请查看第二个链接。：）是的，我正在使用你提到的第二个链接中我不明白的内容。请帮忙！！！我看到另一个类似这样的帖子：aioobe-在这里-一个可编辑的下拉列表称为组合框。现在您有了一个新的搜索关键字；）顺便说一句，这与JSP没有特别的关系，因为它基本上只是生成/提供HTML/CSS，而您仍然需要自己在模板中编写。您的问题更多地出现在HTML区域。我会编辑必要的标签。只是一个评论。如果有多个，请在它们之间添加一个

，否则它们将重叠

<script>
    function E(id) { return document.getElementById(id); }
    function changeit(drp,txf)
    {
        dd = E(drp);
        E(txf).value = dd.options[ dd.selectedIndex ].text;
    }
</script>

<div style="position:relative; top:0px; left:0px;" >

<input type="text" id="TextField" style="width:140px; position:absolute; top:1px; left:1px; z-index:2; border:none;" />

<select id="DropDown" onchange="changeit('DropDown','TextField')" style="position: absolute; top: 0px; left: 0px; z-index: 1; width: 165px;" >
    <option selected="selected" disabled="disabled">-- Select Column --</option>
    <option> example option one </option>
    <option> example option two </option>
</select>

</div>

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>