如何在HTML中创建可编辑的下拉列表？

有可能以某种方式创建一个允许直接编辑的下拉列表,但IMO不值得付出努力.如果是这样,亚马逊,谷歌或微软都会这样做;-)只需用最简单的解决方案完成工作.它更快(你的老板可能会喜欢)并且通常更容易维护(你可能会喜欢).

基于CSS和一行JS代码的非常简单的实现(仅基本功能)

    
    
        This is option 1
        Option 2
    

请注意:它使用旧版浏览器不支持的previousElementSibling (IE9以下)

.dropdown {
    position: relative;
    width: 200px;
}
.dropdown select
{
    width: 100%;
}
.dropdown > * {
    box-sizing: border-box;
    height: 1.5em;
}
.dropdown select {
}
.dropdown input {
    position: absolute;
    width: calc(100% - 20px);
}

这是 JSFiddle