select2 清空已选择项

最新推荐文章于 2024-08-23 07:50:23 发布
最新推荐文章于 2024-08-23 07:50:23 发布
阅读量7.1k 收藏 1
点赞数 1
分类专栏： 前台javaScript，jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaofuqiangmycomm/article/details/86519900
版权 
   



办法1：
    $('#seclectID').empty();
    $('#seclectID').append('<option value="">请选择...</option>');
    $('#seclectID').select2().select2('val', $('#seclectID option:eq(0)').val());


办法2：
    var data= $("#seclectID").select2();//获取selectid
    data.val(data.dataType).trigger("change");

 

 

你好龙卷风！！！
关注
专栏目录
jQuery取得设置清空select选择的文本与值
12-10
在JavaScript的世界里，...无论是获取选中项的文本、值还是索引，或者是添加、删除选项，或者清空`<select>`，都有对应的简便方法。对于处理用户交互和数据传递，jQuery也能很好地支持，使得前端开发更为高效和便捷。
将查询条件的input、select清空
09-04
需要注意的是，如果`select`元素没有默认值，清空`value`可能会导致其没有选中项。在这种情况下，可能需要额外处理，比如设定一个“请选择”选项作为默认值。 此外，为了提高用户体验，可以考虑添加一个清空按钮，...
Select2清空选择框
李智龙的博客
03-07 4580
初始状态:用户选择后:当我们需要清空这个选择框的内容该怎么办通过$('#subject').val("")可以将select2的选择框内的val清空，但是在页面上显示的仍然是原有的内容(998(1.1版))，并不会回到初始状态，这样看上去就不太对然后通过控制台发现选择框内的信息是显示在select2-subject-container这个id下的，在用户选择完之后，他会默认将选择的显示信息加在这个...
select2清空选中的内容
lihaiweio的博客
06-13 1万+
使用select2首先初始化如下 Ajax初始化select2数据 $('.keywords-select').select2({ width : "100%", multiple: true, ajax : { type : 'GET', url : baseURL + 'busi/websiteKeyword/keywordlist', ...
推荐文章：焕然一新的 Select2 —— 携手 Bootstrap4 实现优雅下拉选择
最新发布
gitblog_00390的博客
08-23 368
推荐文章：焕然一新的 Select2 —— 携手 Bootstrap4 实现优雅下拉选择 select2-bootstrap4-themeSelect2 v4 theme for Bootstrap4项目地址:https://gitcode.com/gh_mirrors/se/select2-bootstrap4-theme 项目介绍 在网页开发中，提升用户体验的细节至关重要。select2-...
select2清空选择项的方法
weixin_34226706的博客
10-13 2309
2019独角兽企业重金招聘Python工程师标准>>> ...
select2 清除已选项
wejack的专栏
06-17 864
$("#select-id").val("").trigger("change");
select2清除选择（选择框内的值）
weixin_33963189的博客
10-20 954
首先清空option很简单：$("#select2_id").empty();但是这样清除了之后，选中的值仍然在文本框里显示着： 这个功能很小，只是一个函数的问题，之所以写这篇文章是因为当时遇到这个问题在百度上搜索半天无果，希望能帮到遇到该问题的朋友。解决方案：$("#search-orgId").select2("val", ""); 之所以这么难找，是因为select2官方网站在最新版...
解决Antd 里面的select 选择框联动触发的问题
01-22
触发select1，触发select2，再触发select1，此时select2里面的值变成了上次一选中的value 值，而不会被清空。 解决办法： 使用Select 里面的value属性，来进行清空 <Form style={{padding:'20px','boxSizing':'...
vue 监听 Treeselect 选择项的改变操作
10-14
在实际开发过程中，监听TreeSelect组件的选择项变化一般会用到其提供的事件监听功能，例如@select和@deselect事件。@select事件会在选项被选中时触发，而@deselect事件会在选项被取消选中时触发。通过这两个事件，...
select2 清空值
zhaofuqiangmycomm的博客
03-05 3029
$("#qsType20").select2("data", null); 
select2清空选择框
lth1156187401的博客
03-23 3万+
初始状态: 用户选择后: 当我们需要清空这个选择框的内容该怎么办 通过$('#subject').val("")可以将select2的选择框内的val清空，但是在页面上显示的仍然是原有的内容(998(1.1版))，并不会回到初始状态，这样看上去就不太对 然后通过控制台发现选择框内的信息是显示在select2-subject-container这个id下的，在用户选择完之后，他会
select2实现清空选项框显示内容
日积月累一点点
07-22 2665
需求：select2选项框中显示的已选择项内容清除； 解决方法： vesion3.5版本的select2通过将选项框设置为可清除（allowClear: true）的值设置为空即可：$("#selectID").select2(“val”, “”);参考官网实例：select2 4.0以下版本参考 vesion4以上版本，取消了该功能，需通过trigger事件来实现：$(’#selectID’)...
select2获取选中项的值和清空选中值
gusijin的博客
04-15 1818
select2获取选中项的值和清空值select2获取选中项的值select2清空值 select2获取选中项的值 $(’#seelctKey’).select2(‘val’); $(’#seelctKey’).select2(‘data’); $(’#seelctKey’).val(); $(’#seelctKey’).text(); select2清空值 $(’#seelctKey’).select2(‘val’, “”); $(’#seelctKey’).select2(‘data’, null);
select2 清空选中值(支持IE)
12-23 406
$(selObj[i]).val([]).trigger('change'); //清空已选中值 $(selObj[i]).select2("enable", false);//不准许编辑
jquery操作select(增加，删除，清空)
weixin_30838921的博客
06-30 327
jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的text var checkValue=...
select2如何清除选择项
热门推荐
johnhuster的专栏
11-24 3万+
select2如何清除选择项
清空select标签中option选项
weixin_30576859的博客
04-09 274
1.document.getElementById("selectid").innerHTML = ""; 2.document.getElementById("selectid").options.length = 0; 转载于:https://www.cnblogs.com/gjack/p/8759617.html
select2中ajax,select2的清空及ajax事件处理
weixin_31598511的博客
08-05 800
select2的清空，当select2有值时，再使用初始化的方式赋值，会在原来的值后追加，需要使用和select一样的清空方式$('.select2bs4').empty();ajax的绑定：$('.sjksy').select2({theme: 'bootstrap4',ajax: {url: '/aa/bbb/type/'+$("input[name='gzlx']:checked").val...
多个el-select共用同一个筛选列表，控制一个el-select选择某项后，其它el-select需要清空该项了
07-27
您可以通过监听第一个`el-select`的`change`事件，然后在事件处理程序中将其他`el-select`的绑定值设置为空。以下是一个示例代码： ```vue <template> <div> <el-select v-model="selectedItem" @change="handleSelectChange"> <el-option v-for="item in selectList" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> <el-select v-model="selectedItem2"> <el-option v-for="item in filteredSelectList" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> <el-select v-model="selectedItem3"> <el-option v-for="item in filteredSelectList" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </div> </template> <script> export default { data() { return { selectList: [ { label: 'Option 1', value: '1' }, { label: 'Option 2', value: '2' }, { label: 'Option 3', value: '3' } ], selectedItem: '', selectedItem2: '', selectedItem3: '' }; }, computed: { filteredSelectList() { // 这里可以根据需求进行筛选列表的逻辑 return this.selectList; } }, methods: { handleSelectChange() { this.selectedItem2 = ''; this.selectedItem3 = ''; } } }; </script> ``` 在上述代码中，我们使用了一个`selectList`数组来存储筛选列表的选项。当第一个`el-select`的选择项发生变化时，`handleSelectChange`方法会被调用，然后将其他`el-select`的绑定值清空，从而实现了清空功能。注意，这里的`filteredSelectList`是一个计算属性，你可以根据实际需求对筛选列表进行逻辑处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值