Javascript 在select2上设置标记值

我的页面上有选择字段：

<label>
    <span>Select name</span>
    <select name="name">
        <option value="Option1">Option 1</option>
        <option value="Option2">Option 2</option>
    </select>
</label>

正如您所看到的，我需要使用标记，因为用户可以编写一个选项，而不包括在建议的文档中

它是有效的

当我想设置默认用户值时，我使用以下命令：

$("[name='name']").val(Option1).trigger("change");

如果该值是“选择选项”值之一，则该选项有效。但如果我想设置其他值，则标记不会设置

$("[name='name']").val(Option3).trigger("change");

如何设置标记值？

好的，我找到了答案！ 如果没有带标记值的选项，我们只需执行以下操作：

var tagValue = [{id: Option3, text: Option3}];

$("[name='name']").select2({
    allowClear: true,
    tags: true,
    data: tagValue
});

$("[name='name']").val(tagValue).trigger('change');

---

因此，此代码的第一部分在select中增加了一个选项，之后我们可以使用它作为值来设置它。

请为此创建一个提琴或任何演示。您是否可以使用它来设置多个标记？如果是的话，你能举个例子吗？此外，你可以接受自己的答案

var tagValue = [{id: Option3, text: Option3}];

$("[name='name']").select2({
    allowClear: true,
    tags: true,
    data: tagValue
});

$("[name='name']").val(tagValue).trigger('change');