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

Question

如果选择了某个项目,则无法通过如图所示的箭头来查看完整列表.

    <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>

如果用户选择了一个,则除非再次清除输入,否则他无法看到完整列表.有没有办法摆脱这种限制.

Answer 1

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

此问题的可能解决方案可以使用以下之一来解决

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

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