在HTML中的Combolist div

Question

我正在尝试使用顶部的某个搜索框创建一个div，然后单击顶部显示列表，然后我可以选择列表并显示到框中。

类似于组合框。

在图片中就像这样。 我在这里尝试的是

<div>
      <select data-placeholder="Choose a Country..." class="chosen-select" multiple tabindex="4">
        <option value=""></option>
        <option value="United States">United States</option>
        <option value="United Kingdom">United Kingdom</option>
        <option value="Zimbabwe">Zimbabwe</option>
      </select>
    </div>
</div>

但是为此，我需要额外的jquery插件。是否可以通过在Javascript的帮助下使用SImple html和css来实现这一点。

Answer 1

试试这个，

<强> HTML5

<input type="text" name="county" list="countyList" multiple>
<datalist id="countyList">
    <option value="United States">
    <option value="United Kingdom">
</datalist>