单击箭头从 HTML 数据列表中获取完整列表

Getting the full list from a HTML Datalist clicking on the arrow

如果某项已 select 编辑,则无法通过单击图中所示的箭头查看完整列表。

    <div>    
    <input type="text"  id="client" list="allclients"  placeholder="Start typing..." value="" />
    <datalist id="allclients">
        <select>
            <option value="Jack">Jack</option>
            <option value="John">John</option>
        </select>
    </datalist>
</div>

如果用户 select 一个他不能看到完整的列表,除非再次清除输入。有没有办法摆脱这个限制。

这是预期的行为,我所要求的是不可能的。该列表应该通过用户输入的文本进行过滤。

此问题的可能解决方案可以使用其中一种解决方案

http://pebbleroad.github.io/combo-select/

http://jqueryui.com/autocomplete/#combobox