如何设置datalist以显示焦点上的所有选项？

Question

我想在下面的快照中创建一个下拉列表。我用Google搜索并了解HTML5 datalist可以帮助我做到这一点。但是，当焦点在其上时，datalist不会显示所有选项。如何显示所有选项？

到目前为止，这是我的代码：

<input list="theaters" name="theaters">
    <datalist id="theaters">
        <option value="Inox">
        <option value="E Square">
    </datalist>
</input>

Answer 1

删除结束标记

修改您的代码

<input list="theaters" name="theaters">
<datalist id="theaters">
  <option value="Inox">
  <option value="E Square">
</datalist>

检查fiddle demo。只需在文本框中聚焦时按下箭头键即可。它将显示所有选项。