Question

我使用数据列表填充实时搜索框。该框从数据库中搜索城市，并且应该在数据列表中填充最多10个建议，这些建议在用户键入时会更改。

但是，显示的建议并不完全符合datalist中的选项，我只能看到其中的一些。例如，假设我会搜索纽约市。第一个建议直到我完成输入后才出现＃34; New＆＃34;我看到的城市是＆＃34;新格拉斯哥＆＃34;和＃34; New Westminster＆＃34;，在查看源代码时，我可以看到数据主义者确实填充了以＆＃34; New＆＃34;开头的10个城市。

<input type="text" list="searchResults">
<datalist id="searchResults">
  <option value="New Glasgow"></option>
  <option value="New Westminster"></option>
  <option value="New Milton"></option>
  <option value="New Malden"></option>
  <option value="New Amsterdam"></option>
  <option value="New Delhi"></option>
  <option value="New Kingston"></option>
  <option value="New Yekepa"></option>
  <option value="New Plymouth"></option>
  <option value="New Corella"></option>
</datalist>

＆＃34; New Y＆＃34;给了我＆＃34; New Yekepa＆＃34;而数据主义者则包括＆＃34; New Yekepa＆＃34;，＆＃34; West New York＆＃34;，＆＃34; East New York＆＃34;和＃34;纽约市＆＃34;。＆＃34; New Yo＆＃34;一直到＆＃34;纽约＆＃34;只给了我＆＃34;纽约市＆＃34;但当然东西方仍然存在于源代码中。

这是在Chrome中。当我在Firefox中尝试它时，它的效果稍微好一些，显示出更多结果 - 有时全部10个，但更常见的是10个中我只能看到数据列表中的7个。

Datalist表现得很奇怪

0 个答案: