Css datalist标签的替代方案？

我正在开发一个.net核心mvc webapp，我需要选择一些元素，这些元素的行为就像一个规则的下拉列表。我做了研究，发现了，这基本上正是我需要的，但我关心一些事情

首先，datalist是一个输入标记，而不是一个选择标记。这将允许用户输入他们想要的任何内容，即使它不在选项列表中

其次，如果用户确实从datalist中选择了一个选项，则文本值存储在输入中。我有一个需要存储国家代码的国家/州选择，看起来我可以将代码加载到选项中的属性中，但文本仍然被存储

第三，我正试图在我的打字脚本中尽可能地减少内容。我真的不想添加太多新代码，只是为了提防所有这些怪癖。我们也不能添加jQueryUI或任何其他externa库

第四，我们的应用程序中有允许用户将现有值加载到模型中的功能。由于country select的这些值将是国家代码，datalist不知道如何处理它，因为datalist只处理国家名称，而不处理代码

---

我们已经准备好了这些选择元素。有人建议对普通的select元素进行样式化，使其外观和行为类似于datalist。我听说这在css中是不可能的，但这是真的吗？如果是这样的话，datalist还有哪些替代方案呢？

如果不添加外部库，很难找到任何相关的内容。分享一些选择-

：It提供选项搜索功能，具有许多功能，如远程加载选项、分层选项

：由Twitter创建，这是一个输入字段，而不是选择字段，因此用户可以提供选项以外的自定义值

：输入字段；提供对选项进行分类、动态加载远程数据的功能

如果有人正在计划使用DATALIST，请考虑如果你要用JavaScript填充选项，它会有相当大的渲染延迟。（150条记录为2-3秒）