Javascript 在一个输入字段中输入数据数组

不知道如何解释，但我想知道是否有一种简单的方法可以为单个输入字段输入数据数组

例如，输入字段“空缺” “空缺”：[ 15,18,16 ]

与此类似：

---

我见过React select和select2这样做，但还有其他方法吗？

实现类似功能的方法之一是使用，不确定style是否可以自定义这两个输入的UI

如果您想控制它与您提供的快照的外观，那么您必须实现自定义组件并使用HTML、CSS和JS

以下是本机HTML实现的工作片段，也不是：

更新：这不适用于所有浏览器，

多个

属性不适用于某些浏览器也可能会有不同的行为，我应该在编辑之前包含这一点，但没有明确说明这一点，因此这里引用上面链接的MDN文档：

如果且仅当指定了多重属性时，该值可以是 格式正确的逗号分隔电子邮件地址列表。任何拖尾 并从列表中的每个地址中删除前导空格。如果 存在必需的属性，至少有一个电子邮件地址 必需的

某些浏览器支持从中显示选项列表 当存在多个电子邮件地址时，关联后续电子邮件地址 目前其他人则不然

---

实现类似功能的方法之一是使用，但不确定style是否可以自定义这两个输入的UI

如果您想控制它与您提供的快照的外观，那么您必须实现自定义组件并使用HTML、CSS和JS

以下是本机HTML实现的工作片段，也不是：

更新：这不适用于所有浏览器，

多个

属性不适用于某些浏览器也可能会有不同的行为，我应该在编辑之前包含这一点，但没有明确说明这一点，因此这里引用上面链接的MDN文档：

如果且仅当指定了多重属性时，该值可以是 格式正确的逗号分隔电子邮件地址列表。任何拖尾 并从列表中的每个地址中删除前导空格。如果 存在必需的属性，至少有一个电子邮件地址 必需的

某些浏览器支持从中显示选项列表 当存在多个电子邮件地址时，关联后续电子邮件地址 目前其他人则不然

您是想显示图片中显示的相同标记，还是只想在选择后在代码中获得多个值？只需多个值，就不必像select2那样看起来很简单。您是想显示图片中显示的相同标记，还是只想在选择后在代码中获得多个值？只需多个值，它不必看起来很像select2无法添加第二个值我更新了我的答案以包含文档中关于它的内容，不确定其他浏览器，这在chrome中有效，无论如何，如果OP想要具有与select2相同外观和感觉的类似功能，他必须使用它或创建自己的实现。无法添加第二个值我更新了我的答案，以包括文档中关于它的内容，不确定其他浏览器，这在chrome中有效，无论如何，如果OP想要具有与select2相同的外观和感觉的类似功能，他必须使用它或创建自己的实现。