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

Posted 2023-03-31

【中文标题】单击箭头从 HTML 数据列表中获取完整列表

【英文标题】：Getting the full list from a HTML Datalist clicking on the arrow

【发布时间】：2015-11-12 06:32:39

【问题描述】：

如果选择了一个项目，则无法通过单击图中所示的箭头来查看完整列表。

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

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

【参考方案1】：

这是预期的行为，我问的是不可能的。应该由用户输入文本过滤的列表。

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

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

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