Select2 -在开始时显示所有结果,但在4个字符后开始过滤
Select2 - Show all results at the beginning but start filtering after 4 characters
我想用select2实现的是在单击选择(这是默认行为)时可以看到所有选项,但只有在输入字段中有3个或更多字符时才过滤结果。
我可以添加最小字符所需的minimuminputlength选项,但我失去了选项的初始列表。
您可以通过使用匹配器来实现这一点。
我定义了一个匹配器如下:
matcher: function(term, data) {
// If less than 3 characters are typed return all of the data
if (term.length < 3) {
return data;
}
// 3 or more characters typed so perform filter
return data.toUpperCase().indexOf(term.toUpperCase()) == 0;
}
term
是输入的字符,data
是我们要检查的数据。检查term
的长度,如果它小于3,则返回data
项(因为我们希望显示所有项)。否则(即输入3个或更多字符),我们检查data
项是否包含term
类型,如果为true则返回
请参阅此提琴的演示。当输入3个或更少的字符时,它显示完整的列表。当输入超过3个字符时,if执行过滤
相关文章:
- 在 magento 中使用多个价格,但在更改自定义选项时不会更新
- 火狐中的多个问题,但在 chrome 中工作正常,没有一个问题
- 使用我在模拟器中创建的Canvas签名板,它运行良好,但在android设备中,两个签名板即将推出
- 幻灯片在加载图像时开始,但在下载所有图像之前不会显示第一个图像
- Image.complete在加载后为真,但在加载第二个图像后不再为真
- 尝试锁定自定义控件,但在页面中有多个控件时出现问题
- HTML5 多画布在 chrome 中运行良好,但在 Firefox 的情况下,它只能在第一个画布中工作
- 在另一个字符串中插入多个(但有限的)匹配项的字符串
- jQuery Append 在 HTML 的第一个块上工作正常,但在动态添加的 HTML 上不起作用
- 我正在尝试克隆多个字段集,但在单击它 3 到 4 次后,下一个克隆的字段集仍然为 4 和 5 数字
- 如何将一个dom元素附加到另一个dom元件中,但在jquery中的第一个位置
- 将一行前置到表中,但在两个tr's
- 颜色框在图像处有两个链接,但在组中显示一次
- 是否有可能在不使用服务器的情况下,在不同机器(但在同一WLAN上)的两个浏览器之间发送数据?
- 如何在网站上显示两个文本之间的差异(如diff或WinMerge,但在JS中)
- Javascript fn在调用时有2个参数,但在声明时只有1个参数
- 我有两个iframe在同一页面上,但它加载在不同的时间持续时间
- safari表单验证只在第二个按钮点击,但在IE第一次点击本身工作良好
- HTML5-只加载一次视频,但在两个不同的标签中使用
- 我怎么能有一个功能的原因,但在一个下拉菜单的第一个选项打开一个新的网页