数据列表自动完成功能仅显示选项的值，而不显示内容

Question

如果我键入“ New”，则在下拉列表中我只会看到“ NY”，而应该是“ New York”，as the documentation states。

我不确定问题出在哪里，因为以前这是可行的。

我已经在Chrome和Edge中尝试过，但它们都无法正常工作。

实际组件是否有所更改？

Here's the fiddle。

<input list="countries">
<datalist id="countries">
   <option value="DE">Germany</option>
   <option value="FR">France</option>
   <option value="US">United States</option>
</datalist>

Answer 1

选择设置name或value，但不能同时设置两者。

textContent

b.onclick = ev => console.log( i.value )

请注意，使用Firefox时，其工作方式将有所不同：显示的<input id=i list="countries"> <datalist id="countries"> <option>Germany</option> <option value="France"></option> <option value="US">United States</option> </datalist> <button id=b>Get value</button>下拉列表和在textContent文本字段中选择的value：-（