开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Select2:修剪输入空格

Select2是一个基于jQuery的下拉选择框插件，它提供了更强大和灵活的功能，可以改善用户在表单中选择选项的体验。修剪输入空格是Select2的一个功能，它可以自动去除用户在输入框中输入的前后空格，以确保输入的准确性和一致性。

修剪输入空格的优势在于：

数据准确性：通过去除用户输入的前后空格，可以避免因为不小心输入了额外的空格而导致无法匹配到正确的选项。
用户体验：修剪输入空格可以提高用户的输入效率和舒适度，用户不需要额外关注输入的空格问题，可以更加专注于选择正确的选项。

Select2的修剪输入空格功能适用于各种场景，特别是在需要用户输入文本进行选择的表单中，如搜索框、下拉菜单、标签选择等。

腾讯云提供了云计算相关的产品和服务，其中与Select2相关的产品是腾讯云的COS（对象存储）服务。COS是一种高可用、高可靠、低成本的云存储服务，可以用于存储和管理各种类型的数据，包括文本、图片、音视频等。通过COS，可以将Select2所需的数据存储在云端，并通过API进行读取和操作。

腾讯云COS产品介绍链接：https://cloud.tencent.com/product/cos

相关搜索:使用JavaScript修剪所有输入字段中的空格修剪文本 - 在结尾输入大量空格键时 @Size注解未修剪空格 Spring StringTrimmerEditor不修剪空格需要修剪excel文件中的前导空格/尾随空格如何从Bash变量中修剪空格？在PHP 5.2中修剪unicode空格 PHP - 修剪不适用于空格？使用Wordpress修剪MySQL中的空格修剪字段logstash中的空格修剪oracle where条件中的空格如何以标准方式修剪前导/尾随空格？Cocoa - 修剪NSString中的所有前导空格 Pandas Dataframe选项卡和空格修剪如何修剪HAML中的所有空格？MS访问，从字段中修剪尾随空格如何阻止material-mkdocs修剪inlineCodeBlock空格？修剪空格并连接python中的列表 Select2 -监听字符输入如何从Python字符串中修剪空格？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

select2 使用教程（简）「建议收藏」

用了这么久的Select2插件，也该写篇文章总结总结。当初感觉Select2不是特别好用，但又找不到比它更好的下拉框插件。

02

基于Metronic的Bootstrap开发框架经验总结（3）--下拉列表Select2插件的使用

在上篇《基于Metronic的Bootstrap开发框架经验总结（2）--列表分页处理和插件JSTree的使用》介绍了数据的分页处理，使用了Bootstrap Paginator插件，另外对树形列表，采用了JSTree插件，本篇继续介绍在编辑页面中常用到的控件Select2，这个控件可以更加丰富传统的Select下拉列表控件，提供更多的功能和更好的用户体验。 1、Select2控件介绍这个插件是基于Select的扩展插件，能够提供更加丰富的功能和用户体验，它的github官网地址为:https://sel

09

select2 api参数的文档

// 加载数据 $("#e11").select2({ placeholder: "Select report type", allowClear: true, data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}] }); // 加载数组支持多选 $("#e11_2").select2({ createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} }, multiple: true, data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}] }); function log(e) { var e=$("

"); $("#events_11").append(e); e.animate({opacity:1}, 10000, 'linear', function() { e.animate({opacity:0}, 2000, 'linear', function() {e.remove(); }); }); } // 对元素进行事件注册 $("#e11") .on("change", function(e) { log("change "+JSON.stringify({val:e.val, added:e.added, removed:e.removed})); }) // 改变事件 .on("select2-opening", function() { log("opening"); }) // select2 打开中事件 .on("select2-open", function() { log("open"); }) // select2 打开事件 .on("select2-close", function() { log("close"); }) // select2 关闭事件 .on("select2-highlight", function(e) { log ("highlighted val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 高亮 .on("select2-selecting", function(e) { log ("selecting val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 选中事件 .on("select2-removing", function(e) { log ("removing val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 移除中事件 .on("select2-removed", function(e) { log ("removed val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 移除完毕事件 .on("select2-loaded", function(e) { log ("loaded (data property omitted for brevity)");}) // 加载中事件 .on("select2-focus", function(e) { log ("focus");}) // 获得焦点事件 .on("select2-blur", function(e) { log ("blur");}); // 失去焦点事件 $("#e11").click(function() { $("#e11").val(["AK","CO"]).trigger("change"); }); 官网文档地址是：http://select2.github.io/select2/#documentation。说再多也没用，最后我们来个实例来证明一下ajax请求远程数据，以截图为准：

05

08.LoT.UI 前后台通用框架分解系列之——多样的Tag选择器

LOT.UI分解系列汇总：http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下：https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI 这个必须说下，本来是用Bootstrap-Select做的，很漂亮，正好后台也是Bootstrap。后来发现不能满足需求。标签有则选，没则添加而Bootstrap-Select的文本框是不可以手动输入的==》so，用了Select2，这

09

laravel框架select2多选插件初始化默认选中项操作示例

本文实例讲述了laravel框架select2多选插件初始化默认选中项操作。分享给大家供大家参考，具体如下：

05

select2的搜索框不能输入搜索内容

按照select2官网配置完后，搜索框弹出后无法输入内容，究竟怎么回事，于是在其他页面尝试了select2，发现可以啊，为什么在这个地方不可以，终于找到了造成这个问题的不同之处：select2在模态对话框中会失效。找到了问题所在，但不知道如何解决：百度或者google，最终找到了解决方案：

03

SQL函数 TRIM

TRIM 从提供的值的开头和/或结尾去除指定的字符。默认情况下，去除字母是区分大小写的。当遇到未在字符中指定的字符时，从任一端停止字符剥离。默认是从字符串表达式的两端去除空格。

03

Select2-Ajax获取数据

遇到一个需求: 在前端使用 Select2 设计一个联想输入 dropdown, 通过 Ajax 动态抓取数据

04

Django接口新增页面编写_2（十五）

做一个好看的页面真的是一件困难的事情，所以还是遵循复制后修改的原则，首先是借鉴httpbin页面的方式进行块状展开。

05

yii2组件之下拉框带搜索功能的示例代码（yii-select2）

简单的小功能，但是用起来还是蛮爽的。分享出来让更多的人有更快的开发效率，开开心心快乐编程。如果你还没有使用过composer，你可就out了，看我的教程分享，composer简直就是必备神奇有木有。都说到这个点上了，我们赶紧使用composer进行安装吧。不急，先来看看效果图是啥样的，不然都没心情没欲望看下去。

02

下拉框、下拉控件之Select2。自动补全的使用

1、使用插件，首先要引入别人的插件了，你可以选择离线（无网络）或者在线引用的（如果有网络）。

04

解决Select2控件不能在jQuery UI Dialog中不能搜索的bug

本文使用博客园Markdown编辑器进行编辑 1.问题呈现项目中使用了jQuery UI的Dialog控件，一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。效果截图

select2如何黏贴选择

有时在使用select2插件时会遇到这种需求：一次性选择一些数据，然后根据这些数据自动选择相关项，我也遇到了这种需求并实现，这里简单讲讲我的做法：

02

新手编程1001问（2）

A：上一期，我们回答了JS/JQuery如何获取下拉框选中的文本和值。那么今天的问题，我们可以继续聊聊下拉框了。

04

gorm 2.0升级笔记

Go gorm是时候升级新版本了 2.0新特性介绍（1）｜Go主题月_王中阳的博客-CSDN博客_go2.0

02

select2没有默认选择项

往select2里面通过jquery的append添加数据，但是没有默认选择第一项，通过设置select默认选择项的方法设置该选择框的默认选择项，虽然通过$("#select").val()的方法知道该选择框有了默认选择项，但是select2显示的是placeholder的内容，如何解决？

01

使用select2分批异步加载大量数据

最近在项目啊开发中需要从下拉列表中获取游戏ID，而后台游戏数据有将近25万条，这种情况下是不可能实现一次性加载的，只能分批异步加载。找了很多插件，都没有合适的，也想过自己做一个插件，无奈时间有限，任务比较紧，只能借助第三方插件，缩短项目时间。最终找到了select2这个插件。

02

ui-select官方教程（二）——ui-select指令

ui-select指令 ui-select的指令和事件属性选项描述值默认值 multiple 多选，直接加上multiple属性 close-on-select 在多选情况下，选中一项，就关闭下拉项 boolean true append-to-body 在多选情况下，选中项追加显示 boolean false ng-disabled 控件被禁用 boolean true ng-model 控件绑定对象 String,number,array undefined search-enabled

01

Velocity魔法堂系列一：入门示例

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　 Velocity作为历史悠久的模板引擎不单单可以替代JSP作为Java Web的服务端网页模板引擎，而且可以作为普通文本的模板引擎来增强服务端程序文本处理能力。而且Velocity被移植到不同的平台上，如.Net的NVelocity和js的Velocity.js，虽然各平台在使用和实现上略有差别，但大部分语法和引擎核心的实现是一致的，因此学习成本降低不少哦。最好的学习资源——官网：http://velocity.apache.org/

06

房上的猫：人机猜拳项目

1.首先定义成员变量： int select1;// 人选择 int select2;// 角色选择 String choice1;// 人选择结果 String choice2;// 机选择结果 String choiceMan;// 角色选择结果 boolean a1;// 人循环开关 boolean a2;// 角色循环开关 int random = (int) (Math.random() * 3);// 机随机数选择

07

select2搜索内容显示搜索词

在使用select2的搜索功能时，搜索结果会显示搜索关键词，这不是我想要的，我只想让用户选择列表框实际存在的数据，再一次还是select2 3.5版本(点击打开链接)的官方文档,官方解释：

04

动态博客的后台定制

搭建动态博客的初衷就是想随时随地，只要一个浏览器，就能更新博客。那么就需要一个后台来管理文章，包含文章编辑器，和各种表单控件。

01

Python实现ATM提款机系统

好了话不多说,上列子,解释都在注释里.有看不懂的可以留言大家一起交流哦. 文件链接(Python文件和数据库文件):

03

JQuery基本知识框架思维导图(上)

1.window.onload与$(document).ready()的对比

02

clipboard使用Require自动复制「建议收藏」

由于没有使用过require，在微擎人人商城中遇到了一个需要自动复制内容的功能。头疼了一番。

04

select2的使用

你必须在其它地方能获取到这个select标签，所以要为其设置id、class或者是name以便能得到这个标签。multiple属性是是否可以多选。option是下拉框中多选的内容。例如在angluar中，使用ng-repeat循环出来值xxx，然后放在option中供select使用。

01

SAP HANA中TRIM,LTRIM,RTRIM的用法

删除前导和尾部空格后返回字符串 str,删除操作从字符串str的开始(LEADING)、结束(TRAILING)或两边同时(BOTH)执行

02

thymeleaf-extras-db 0.0.1发布，select标签加载数据的新姿势

在写thymeleaf页面的时候，我为了偷懒，不想为每个select下拉列表框都写一个接口，于是这个懒人jar诞生了。该jar的核心功能是直接通过thymeleaf页面的自定义标签的属性，直接运行sql并初始化select数据。

03

select2支持中英文检索

最近在使用英文检索select2（V3.5版本）时发现一个问题：多音字，重庆在有的拼音库里面被翻译成了重(zhong)庆，无奈只有同时支持中文检索，select2如何支持中英文检索呢,下面直接如题，上代码~~~

03

c++项目实战: 通讯录系统

制作一个具有添加联系人、删除联系人、修改联系人等功能的通讯录系统效果图： 📷 代码如下： #include <iostream> using namespace std; #include <string> #define Max 1000 //创建联系人结构体 struct person { string p_name; int p_sex; //1、男 2、女 int p_age; string p_phone; string p_address;

02

select2 没有 allowClear 不生效

select2 没有 allowClear 不生效添加： placeholder: "请选择", placeholderOption: "first", $("[name=deptNo]").htm

03

autocomplete light配置xadmin使用时一记小坑

昨天又有一个同学反馈，跟着视频写代码，一样的代码，但是为啥我这的autocomplete light就不生效。第一个同学反馈我以为是autocomplete light的版本问题，再次有人反馈，那可能是哪不太对劲。

02

高质量编码--传感器数据同比

下面介绍其前端代码，先看html页面，使用boostrap作为样式和布局，引入了bootstrap-daterangepicker插件作为日期范围选择面板，引入select2插件作为下拉选择列表，引入moment作为时间格式化工具，引入echarts作为图表库：

00

基于约束的SQL攻击

前言值得庆幸的是如今开发者在构建网站时，已经开始注重安全问题了。绝大部分开发者都意识到SQL注入漏洞的存在，在本文我想与读者共同去探讨另一种与SQL数据库相关的漏洞，其危害与SQL注入不相上下，但却

05

基于约束的SQL攻击

前言值得庆幸的是如今开发者在构建网站时，已经开始注重安全问题了。绝大部分开发者都意识到SQL注入漏洞的存在，在本文我想与读者共同去探讨另一种与SQL数据库相关的漏洞，其危害与SQL注入不相上下，但

09

select2如何清除选择项

这个功能很小，只是一个函数的问题，之所以写这篇文章是因为当时遇到这个问题在百度上搜索半天无果，希望能帮到遇到该问题的朋友。

01

一段探索React自建内部构造的旅程

在先前的文章里我们涵盖了React基本原理和如何构建更加复杂的交互组件。此篇文章我们将会继续探索React组件的特性，特别是生命周期。

04

laravel-admin解决表单select联动时,编辑默认没选上的问题

今天在开发公司一个功能时，公司开发环境用的是laravel-admin，因为需要用上select联动，所以根据文档说明进行开发，并成功的使用上了，代码我就不重复，大家可以去参考laravel-admin官网的说明。

03

laravel-admin select框默认选中的方法

laravel-admin后台框架的select选择框的默认选中，结合select2的js插件；

03

select2无法输入搜索和宽度问题解决

这时候select2的搜索框无法输入,一般有两方面的原因 1.检查下modal的div中是否有tabindex=”-1”，这个属性

03

bootstrap table x-editable select2——带图标的选择

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/details/78149202

01

算法细节系列（9）：动态规划之01背包

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u014688145/article/details/70175161

03

Django接口新增页面编写（十四）

要开始写主体页面了，好头大。首先需要梳理一下，如果写一条接口测试需要什么东西。不如参考一下postman和httpbin～http://httpbin.org/ 不过这个页面太卡了，我决定把它部署在本地然后再测试。使用docker好了，也不用管那些乱七八糟的环境了。 docker run -p 80:80 kennethreitz/httpbin 建议有空可以去了解一下docker，毕竟把乱七八糟的环境装在自己的电脑上还是蛮烦的，可能一下子遇到个环境问题就浪费一天。使用这句话就可以把kennethreitz大神写的httpbin镜像下载并在我们的80端口上开启了。

03

python_day15_前端_jQue

<1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。

02

常用js，css文件统一加载方法，并在加载之后调用回调函数

为了方便资源管理和提升工作效率，常用的js和css文件的加载应该放在一个统一文件里面完成，也方便后续的资源维护。所以我用js写了以下方法，存放在“sourceController.js”文件内。 /** * Created by MingChen on 2016/11/3. */ function sourceController() { this.root = ""; this.callfunc = null; // 回调函数 this.css = []; thi

07

一篇文章带你掌握mysql的一致性视图（MVCC）

提到事务，你肯定会想到ACID（Atomicity、Consistency、Isolation、Durability，即原子性、一致性、隔离性、持久性），我们就来说说其中I，也就是“隔离性”。

03

C语言实现推箱子小游戏(2)

---- 相关文章——C语言实现推箱子小游戏 ---- 推箱子 📷 编译软件:VS2019 下载：代码文件我已经上传到GitHub 链接下载最新的那个！(文件夹形式的) 注意： fopen scanf编译器认为的不安全报错解决:项目属性-C/C+±预处理器-预处理定义-编辑-加入_CRT_SECURE_NO_WARNINGS 📷 图形库函数xxx等问题解决:项目属性-高级-字符集-使用多字节字符集 📷 图形窗口注意贴图顺序以及参数文件读取问题——链接相关有帮助的文章—

01

CAD入门系列之Ⅱ

分别对应着坐标：X轴（横轴）、Y轴（竖轴）、Z轴（立体在三维的理解是高度）假设我们输入的【模式(O)】:

01

一个可用于生产项目基于 .NET 6 自研ORM

Fast Framework 基于NET6.0 封装的轻量级 ORM 框架支持多种数据库 SqlServer Oracle MySql PostgreSql Sqlite

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭