点击箭头如何从HTML数据列表获取完整列表

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>

如果用户选择了其中一个，除非再次清除输入，否则无法查看完整列表。有没有办法消除这个限制？

- Hiran

Answer 1

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

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

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

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

- Hiran