使用单个选项列表进行多项选择答案

【问题标题】：using a single option list for multiple selects使用单个选项列表进行多项选择
【发布时间】：2018-12-25 04:32:53
【问题描述】：

受以下问题启发：Add attribute selected to multiple select lists 和 HTML Form: Select-Option vs Datalist-Option

有没有办法让数据列表成为非可选的，这样我就可以使用单次键入一长串选项来进行多项选择？

例如，而不是

Tournament 1 winner: <list id="sports tournament 1">
<option value="A1"> Athlete 1</option>
<option value="A2"> Athlete 2</option>
<option value="C1"> Challenger 1</option>
<option value="C2"> Challenger 2</option>
</list>
Tournament 2 winner: <list id="sports tournament 2">
<option value="A1"> Athlete 1</option>
<option value="A2"> Athlete 2</option>
<option value="C1"> Challenger 1</option>
<option value="C2"> Challenger 2</option>
</list>

我想做

Tournament 1 winner: <input id="T1" type="text" list="Athletes">
Tournament 2 winner: <input id="T2" type="text" list="Athletes">
<datalist id="Athletes>
<option value="Athlete 1">
<option value="Athlete 2">
<option value="Challenger 1">
<option value="Challenger 2">
</datalist >

用户无法输入自定义获胜者。

【问题讨论】：

标签： html html-select html-datalist

【解决方案1】：

我也在寻找类似的东西，但在 HTML4 上，因为我可能讨厌使用旧版浏览器。

我为我的问题考虑的相同“解决方案”（尽管我没有实现这个）是使用 Javacript 设置标签、任何标签（可能是 JSON）并将值绑定到单击时的输入。

【讨论】：