select2，用js修改值，并且触发change事件

于 2024-01-24 17:01:56 发布
阅读量1.3k 收藏 6
点赞数 5
文章标签： javascript 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yearn105/article/details/135826755
版权 
$(".select2ChannelType").select2().val(channelType).trigger("change");
//触发事件
$(".select2ChannelType").trigger({
	type: 'select2:select',
	params: {
		data: $(".select2ChannelType").select2('data')[0]
	}
});
select2切换事件如何生效
游海东的技术专栏
07-22 2万+
1、问题背景     利用select2生成可搜索下拉框，并且绑定切换事件；但是直接绑定change事件，发现不起作用2、问题原因 select2切换事件 $(function(){ $("#selData").select2(); $("#selData").off().on("change",function(){ var data = $(this).v
element-ui中select组件绑定值改变,触发change事件方法
01-21
2.终端输入 cnpm i element-ui -S 安装element-ui 3.按需引入select组件 在main.js中写入如下代码 /* 导入第三方库开始 */ import 'element-ui/lib/theme-chalk/index.css'; // 按需加载Select组件 import {...
select2-js修改页面设置选中
qq_26993175的博客
07-17 766
/获取select2对象。
select2多选和change事件
金龙宝宝的博客
06-29 5186
$(".add_or_edit").find("select").trigger('change.select2');
用js控制select2组件，改变所选值
ZhiMaHuyizhi的博客
05-09 503
【代码】用js控制select2组件，改变所选值。
select2 根据option文本 设置选中，并触发改变事件
m0_37616866的博客
02-24 1539
select2 通过option 文本 设置选中，遇到问题记录
jquery插件select2的所有事件，包括清除，删除，打开等
热门推荐
程序员蒋老湿的博客
09-07 6万+
jquery插件select2的所有事件，包括清除，删除，打开等
Select2不触发改变事件
索隆有几把刀的博客
04-16 954
故事 今天用一个开源插件select2，用来做可搜索的下拉框,地址如下 select2 事故 可是发现该插件不触发改变事件，后来调试这个插件对象的初始化过程，没有发现可疑的问题 结案 经过一顿翻滚后发现，是我是对一个input进行了初始化，后来改为对一个select进行初始化后正常了，人生宝贵的时间就这样浪费在了这种错误上 小心啊，到处都是暗流 ...
layui 中select下拉change事件失效的解决方法
10-16
在使用layui进行Web前端开发时，开发者可能会遇到select下拉框的change事件失效的问题。本文就来详细介绍这一问题的解决方法，并深入探索lay-filter的使用和form.on方法的细节。 ### 解决方法概述 当开发者在使用...
JS实现select选中option触发事件操作示例
10-18
在`<select>`元素上设置`change`事件监听器，当用户更改选择时，`function`会被调用。使用`$("#myselect").val()`可以获取选中`<option>`的`value`属性。 ```html <select name="myselect" id="myselect"> 选项1 ...
Vue v-for中的 input 或 select的值发生改变时触发事件操作
10-14
当使用`v-for`与`input`或`select`元素结合时，我们常常需要监听这些表单元素的值变化，以便在值发生变化时执行相应的操作。本文将详细介绍如何在Vue中处理这种情况，并提供相关知识点。 1. **`v-on:input` 事件...
select2 下拉选择后首次未触发change事件
BigOrange的博客
07-19 7750
问题现象： select2 下拉选择框，首次切换到“全部”选项不会触发change事件。 问题背景： select2 下拉选择框，有设置默认值（非全部），在加载数据时，改动后端返回数据，加了一条“全部”的下拉选择内容： list.unshift({'id':'','text':'全部'}); 问题分析： 首次切换到“全部”选项后，并未触发change事件； 而首次切换到其他...
select2 切换事件
zhaofuqiangmycomm的博客
01-17 1874
&lt;select id="wyProjectId"  class="input-large-s " name="wyProjectId" onchange="selectWyProjectId()"&gt;    &lt;c:if test="${ worksheet.wyProjectId ==null || '' eq worksheet.wyProjectId }"&amp
select2切换事件如何生效（记录一下 转载）
心火灬的博客
03-17 478
1、问题背景 利用select2生成可搜索下拉框，并且绑定切换事件；但是直接绑定change事件，发现不起作用 2、问题原因 select2切换事件 李四 王武 华章 司徒 朝华 沈磊      上述代码，下拉搜索框切换事件直接使用change，发现选中的值不能回填到框中 3、解决办法 select2切换事件 李四 王武 华章 司
js中select 选择器的 change 事件处理函数
weixin_53246425的博客
04-15 9489
js中select 选择器的 change 事件处理函数
bootstrap select2 php,BootStrap select2 如何实现动态改变值
weixin_26858217的博客
03-21 201
BootStrap select2 如何实现动态改变值导语：BootStrap select2 如何实现动态改变值呢?下面小编给大家提供了代码实现教程，大家可以参考阅读，更多详情请关注应届毕业生考试网。1,selec2动态赋值var temp=JSON.stringify({ id: "1|所有停车场", name: "所有停车场" });$("#e_pid").attr("value", tem...
整理：select2的使用、事件、参数详解
weixin_38384296的博客
11-21 2万+
官方文档（推荐）： select2参数文档说明 参考博客： 1.使用 Select2下拉框总结 select2使用方法总结 Select2学习总结 老版本select2设置初始值 JS组件系列——Bootstrap Select2组件使用小结 2.事件 jquery插件select2的所有事件，包括清除，删除，打开等 3.参数详解 bootstrap select2 参数详...
jQuery-select2控件，JS设置值不触发change方法和onChange的解决方法
xdl1357801154的博客
08-19 1960
$("#payerAcctNo").select2().select2("val", payerAcctNo).trigger("change");
JS模拟select点击，触发change事件
最新发布
03-29
所以，在修改了选中的值之后，需要手动调用dispatchEvent来触发change事件。 所以步骤可能是： 1. 获取select元素。 2. 修改选中的值（通过selectedIndex或option的selected属性）。 3. 创建并触发change事件。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值