javascript - 将不在选择列表中的值输入到 jquery-select2 中

Question

我有一个用例，我允许人们在 select2 plugin 的文本框中键入值没有出现在选择列表中。

在一种情况下，我提供验证并且不提交，除非用户选择了有效的项目，但在他们选择之前我不想清除他们的值。选择框可能包含 1.00、1.50、1.75、NA、ABS，而用户刚刚输入了 1.80。这是一个无效值，但我不想丢失他们的更改，我会将该框标记为无效并允许他们修复他们的更改。我不想将 1.80 添加到选择框，因为它是一个无效值，但我也不想清除它。

如何实现这一目标？

Answer 1

如果您在 JS 中进行验证，Select2 有一个动态加载/生成数据的示例，它会覆盖 query() 以仅重复用户的输入。

参见:http://ivaynberg.github.io/select2/ '加载数据'

我用 JQuery UI“自动完成”解决了一个类似的问题(服务器端)。在这里，我采用了返回对象的方法，其中包含一个包含可能的解释性消息的标签、一个没有装饰的文本值，以及一个组合的ID值和状态标志。我覆盖了 select 以将文本和 ID 存储到隐藏字段。

在我的例子中，我区分了要引用的现有客户，还是使用输入的名称​​创建新客户。我能够很好地列出匹配现有客户或创建“ABC 新客户”的选项:

用户输入:“Alphabet Soup”并看到以下选项:

• 阿尔法包装
• 金宝汤
• 制作“字母汤”

类似的技术可能适用于您。希望这会有所帮助。