select2清空选择框
来源:互联网 发布:linux命令行复制粘贴 编辑:程序博客网 时间:2024/05/21 09:59
初始状态:
用户选择后:
当我们需要清空这个选择框的内容该怎么办
通过$('#subject').val("")可以将select2的选择框内的val清空,但是在页面上显示的仍然是原有的内容(998(1.1版)),并不会回到初始状态,这样看上去就不太对
然后通过控制台发现选择框内的信息是显示在select2-subject-container这个id下的,在用户选择完之后,他会默认将选择的显示信息加在这个id下面<span>998(1.1版)</span>
所以在将val清空之后显示信息并没有改变
那我们就将select2-subject-container下的信息清空
$("#select2-subject-container").attr("title","");$("#select2-subject-container").empty();
这样选择框上显示的就是空白了,但是感觉还是怪怪的,因为原来有浅灰色的字写着请选择名称
那就在清空后我们再将这句话加回去
var str=$("<span class='select2-selection__placeholder'>请选择名称</span>");
$("#select2-subject-container").prepend(str);
这样就回到了初始状态了,目前我想到的方法比较简单粗暴,但是用用挺好的
所有代码:
var str=$("<span class='select2-selection__placeholder'>请选择名称</span>");
$('#subject').val("");
$("#select2-subject-container").attr("title","");
$("#select2-subject-container").prepend(str);
$("#select2-subject-container").empty();
- select2清空选择框
- 清空浏览器文件选择框中的值(清空 file input 的值)
- select2 选择框不能出现
- js 获取、清空file类型的选择框
- 清空AsyncFileUpload 选择的文件路径
- EasyUI修改datetimebox 时间选择框 加'清空'按钮 修改'今天 '事件
- select2如何黏贴选择
- select2默认选择值
- 清空、重设input框
- js 清空复选框
- js操作select 添加 删除 修改 清空 选择 获取
- 将HTML input file的文件选择路径清空
- 将input file的选择的文件清空
- ABAP 执行完成后,清空选择画面
- 将input file的选择的文件清空
- 清空
- 带搜索功能的下拉选择框select2
- select2如何清除选择项
- svn
- No space left on device
- 虚幻UE4蓝图添加数学表达式
- matlab 读取txt文件数据
- java String 转成Double二维数组
- select2清空选择框
- PHP如何判断变量为空?
- ntp安装
- ElasticSearch入门-增删改查(java api)
- 问题 B: 结构体---职工信息结构体
- MySQL数据库中CHAR与VARCHAR之争
- JMS------ActiveMQ
- Spark性能调优
- IOS属性(@property)的修饰词assign、weak、strong、retain、copy、nonatomic、atomic、readonly、readwrite解释、以及一部分内存优化方法