Javascript 作为选择菜单的输入框

是否可以使用常用的输入框+选择框，并对它们进行样式设置，使其成为文本框和文本框之类的东西？ 就像邮箱一样？我试图理解他们的jQuery代码，但完全不理解任何东西，所以我想知道是否有一种简单快捷的方法可以自己编写这个特定的部分，我在谷歌上搜索了相关的教程，但找不到任何教程。

也许你可以用它将文本框过滤成一个选择框，然后使用css，进行正确的调整

您甚至可以创建jquery插件来应用

---

$'myInputText'.createOptionList{…}

这个想法本身很简单。它是一个文本类型的输入元素，当它的焦点显示一个元素列表li/div/span时，不管你想要什么，将它精确定位在输入下面，并设置样式，使它看起来像是连接到输入。输入的下边框很短

我给你举了一个很小的例子，试着忽略不好的造型。。只要理解这个想法

.formContainer{ 背景颜色：浅蓝色； 高度：600px； 宽度：600px； } 命名选民{ 宽度：400px； 边框：4倍纯绿； } 选举人：焦点{ 边框底部：1px纯绿色； } 名单{ 列表样式：无； 显示：无； 保证金：0； 左边距：4倍； 填充：0； 宽度：400px； } 名单李{ 背景颜色：浅灰色； } 李：第n个孩子{ 背景色：白色； } 名称选择器：焦点+名称列表{ 显示：块； } 约翰 简 赛琳

---

嗨，这个想法本身很简单。它是一个文本类型的输入元素，当它所具有的焦点显示元素列表li/div/span时，您可以选择任何元素，并将其精确定位在输入下方，并对其进行样式设置，使其看起来像是连接到输入底部边框short@Saar这不算是我自己创造的，但使用s和s和s吗？对不起，我错过了那部分。然而，这个想法是完全一样的，这是非常棒的，但我试图了解如何使删除值，如果它不在数据列表中，当数据列表选择它保存在一个块中，可以限制。好吧，这将工作，但如何使它作为一个令牌，因为他们做了？例如，如果该值不可用或未被选中，则输入将返回默认值Empty，当选择该值时，它将被放入一个框中。您需要添加一些javascript，但只需单击并添加一个正方形，然后将其放置在输入框中，并将其从名称列表中删除。是的，我确实想要一个该部分的示例，我试图用AJAX将这些值链接到数据库，但我真的不知道如果不选中，如何使框中的值消失；然后使用循环li.addEventListenerclick，functionev{let target=ev.targetElement；target.parentElement.removeChildtarget}；这将从列表中删除该项。现在使用目标在formContainer内部创建一个跨度，并将其放置在输入框上；