普通的html组合框代码

Question

我在网上搜索过，甚至找不到一个可以使用纯HTML和Javacript呈现的组合框示例。

是否可以使用标准HTML和Javascript组合框？通过组合框，我的意思是输入也是可能的，并且下拉选项也是可能的 - 在单个元素中。我不是在寻找一个选择框，另外还有另一个输入框。

我正在寻找的一个例子是：

https://demos.telerik.com/kendo-ui/combobox/cascadingcombobox

但是，我不想使用像jQuery这样的任何Javascript库。

Answer 1

似乎在寻找datalist。

datalist是html5组件。可以使用input框和ul，li元素

创建相同的功能

＆＃13;

＆＃13;

<label for="countries">Choose a Country:</label>
<input list="countryList" id="countries" name="countries" />
<datalist id="countryList">
  <option value="India">
  <option value="France">
  <option value="Isreal">
  <option value="USA">
  </datalist>

＆＃13;

＆＃13;

＆＃13;