如何在HTML中输入文本选择标签?

use*_*966 4 html html-select

我想在select标签中创建输入选项,以便用户可以在选项之间进行选择或插入不同的值.
可能吗?

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
  **<insert user value>**
</select>
Run Code Online (Sandbox Code Playgroud)

Vil*_*Vil 21

带有"list"属性的HTML解决方案:

<input type="text" name="city" list="citynames">
<datalist id="citynames">
  <option value="Boston">
  <option value="Cambridge">
</datalist>
Run Code Online (Sandbox Code Playgroud)

  • 请注意,下拉列表本质上是一个自动完成功能,即它只包含与已输入字符匹配的选项。例如,如果输入填充为`A`,则只有**A**udi 和S**aa**b 可用,如果预先填充了`Audi`,则不会显示其他选项。所以它并不完全像一个 `select` 标签。 (2认同)

Fen*_*r04 3

您将必须使用 javascript 来获取附加值。检查这篇文章的一些示例代码:

Jquery动态更新选择中的“其他”选项