Datalist 显示重复（冗余）建议

大佬教程收集整理的这篇文章主要介绍了Datalist 显示重复（冗余）建议，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Datalist 显示重复（冗余）建议？

我有一个包含多个输入字段的 HTML 表，以便处理有关条目的一些数据。一个输入包含代码，用户可以手动修改预定义的代码（如果有）并添加自定义 ID。这就是我实现上述输入字段的方式

<input ID="productCode_99999908" class="form-control ID-control" List="productList_99999908" value="99999908">
<dataList ID="productList_99999908">
... options
</dataList>

选项如下所示（我没有重复的选项）：

....
                       <option value="45577">
                            45577
                        </option>
                        <option value="300046592">
                            300046592
                        </option>
                        <option value="300005449">
                            300005449
                        </option>
                        <option value="300013358">
                            300013358
                        </option>
                        <option value="300015407">
                            300015407
                        </option>
                        <option value="300020294">
                            300020294
                        </option>
...

问题出现在我用自定义的修改预定义的 ID 之后。它显示了 2 次作为建议的自定义 ID（自定义 ID 存在于系统中，我说自定义是因为它是由用户手动编写的），它看起来像这样：

使用预定义的 ID 看起来像这样

它甚至不显示单个选项，即使具有该 ID 的选项存在于数据列表中。

我尝试关闭自动完成并检查重复选项，但这些都不起作用。我究竟做错了什么？为什么当用户将预定义的 ID 更改为系统中已存在的 ID 时，这些建议会显示两次？

片段示例：

<input ID="productCode_99999908" class="form-control ID-control" List="productList_99999908" value="99999908" >
<dataList ID="productList_99999908">
  <option value="45577">
    45577
  </option>
  <option value="300046592">
    300046592
  </option>
  <option value="300005449">
    300005449
  </option>
  <option value="300013358">
    300013358
  </option>
  <option value="300015407">
    300015407
  </option>
  <option value="300020294">
    300020294
  </option>
</dataList>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的Datalist 显示重复（冗余）建议全部内容，希望文章能够帮你解决Datalist 显示重复（冗余）建议所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。