Select2不触发改变事件

最新推荐文章于 2024-01-24 17:01:56 发布
最新推荐文章于 2024-01-24 17:01:56 发布
阅读量888 收藏
点赞数
分类专栏： 事故 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34637782/article/details/105562062
版权

故事

今天用一个开源插件select2，用来做可搜索的下拉框,地址如下
select2

在这里插入图片描述

事故

可是发现该插件不触发改变事件，后来调试这个插件对象的初始化过程，没有发现可疑的问题

结案

经过一顿翻滚后发现，是我是对一个input进行了初始化，后来改为对一个select进行初始化后正常了，人生宝贵的时间就这样浪费在了这种错误上

小心啊，到处都是暗流

量子玫瑰
关注
专栏目录
ajax实现随着选择菜单select变化显示不同内容
weixin_42804250的博客
03-05 398
前台： html <select id="chapterId" name="chapterId"> <option id="getChapterId" value="0" th:text="请选择..."></option> <option value="-1">全部</option> <option th:each="chapterList,
select2切换事件如何生效
游海东的技术专栏
07-22 2万+
1、问题背景     利用select2生成可搜索下拉框，并且绑定切换事件；但是直接绑定change事件，发现不起作用2、问题原因 select2切换事件 $(function(){ $("#selData").select2(); $("#selData").off().on("change",function(){ var data = $(this).v
通过ajax动态加载select控件【下拉框】的option
zhengxiangwen的专栏
06-13 3万+
关键代码： var objSelect = document.getElementById("ddlResourceType"); 1、动态删除select中的所有option： objSelect.options.length=0; 2、动态删除select中的某一项option： objSelect.options.remove(index);  3、删除被选中
jquery插件select2事件不起作用（select2-3.5.4）
weixin_34277853的博客
10-08 488
jquery插件select2事件不起作用 &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&amp
jQuery-select2控件，JS设置值不触发change方法和onChange的解决方法
xdl1357801154的博客
08-19 1831
$("#payerAcctNo").select2().select2("val", payerAcctNo).trigger("change");
select2，用js修改值，并且触发change事件
最新发布
yearn105的博客
01-24 969
select2事件
select2 切换事件
zhaofuqiangmycomm的博客
01-17 1819
&lt;select id="wyProjectId"  class="input-large-s " name="wyProjectId" onchange="selectWyProjectId()"&gt;    &lt;c:if test="${ worksheet.wyProjectId ==null || '' eq worksheet.wyProjectId }"&amp
Vue v-for中的 input 或 select的值发生改变时触发事件操作
10-14
- `v-on:input` 是Vue中用来监听元素`input`事件的指令，当用户在输入框中输入内容时，`input`事件会被触发。在HTML中，我们可以直接使用`oninput`来绑定一个JavaScript函数，但在Vue中，我们需要将其转换为`v-on:...
JS实现select选中option触发事件操作示例
10-18
由于`<option>`元素本身不支持直接绑定事件，因此我们通常会在其父元素`<select>`上设置事件监听器，例如`onchange`事件，来捕获用户的选择变化。 在这个示例中，我们看到两种方法来实现这一目标：一种是纯...
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 {...
bat 存储过程返回值_SQL触发器及存储过程学习，一个门外汉的学习笔记
weixin_39824834的博客
10-24 251
这个文章的起源是：金蝶k3wise采购申请单审核时需要自动校验库存，并且生成mto调整单；直接导致：一个从未写过触发器的门外汉，得到了一点提高；这篇文章适合像我这样只会在数据库里面进行增删改查，但是还想在数据库中更深入一下的童鞋，通过学习可以初步掌握触发器和存储过程的使用。文中的示例都是建立在实际项目上的，可能不太适合练习。如果有合适的时间，并且还有一些阅读量的话，我会考虑把案例做成标准的数据。如...
select2的ajax不执行,Ajax Select2不发送请求
weixin_35427369的博客
08-06 480
我使用Select2 4.0.3来选择许多字段。当我使用静态数据时，它是完美的。但是当我使用ajax时，它不会向我的服务器发送任何请求。其他的ajax也可以。浏览器控制台没有错误。我的问题与这个主题非常相似，但是任何答案都适用于我。我用的是Python2.7和烧瓶。在JavaScript$('#machine').select2({multiple: true,ajax: {url: '/exam...
select2切换事件如何生效（记录一下 转载）
心火灬的博客
03-17 406
1、问题背景 利用select2生成可搜索下拉框，并且绑定切换事件；但是直接绑定change事件，发现不起作用 2、问题原因 select2切换事件 李四 王武 华章 司徒 朝华 沈磊      上述代码，下拉搜索框切换事件直接使用change，发现选中的值不能回填到框中 3、解决办法 select2切换事件 李四 王武 华章 司
整理：select2的使用、事件、参数详解
weixin_38384296的博客
11-21 2万+
官方文档（推荐）： select2参数文档说明 参考博客： 1.使用 Select2下拉框总结 select2使用方法总结 Select2学习总结 老版本select2设置初始值 JS组件系列——Bootstrap Select2组件使用小结 2.事件 jquery插件select2的所有事件，包括清除，删除，打开等 3.参数详解 bootstrap select2 参数详...
jquery插件select2的所有事件，包括清除，删除，打开等
热门推荐
程序员蒋老湿的博客
09-07 6万+
jquery插件select2的所有事件，包括清除，删除，打开等
select2 下拉选择后首次未触发change事件
BigOrange的博客
07-19 7632
问题现象： select2 下拉选择框，首次切换到“全部”选项不会触发change事件。 问题背景： select2 下拉选择框，有设置默认值（非全部），在加载数据时，改动后端返回数据，加了一条“全部”的下拉选择内容： list.unshift({'id':'','text':'全部'}); 问题分析： 首次切换到“全部”选项后，并未触发change事件； 而首次切换到其他...
select2 使用详解
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
01-26 3万+
构造函数：2.5.2版本：（具体详见http://select2.github.io/select2/#documentation）参数类型描述Width字符串控制宽度样式属性的Select2容器divminimumInputLengthint最小数量的字符maximumInputLengthint最大数量的字符minimumResultsForSearchInt最小数量的结果maximu...
js 触发select改变事件
06-06
JS可以通过模拟用户的操作来触发select改变事件。我们可以使用JavaScript中的change()方法来触发select元素的change事件。具体实现步骤如下： 1. 首先获取到我们需要触发change事件的select元素，可以使用document.getElementById或者document.querySelector方法来获取到元素。例如： ``` var selectElement = document.getElementById('selectId'); ``` 2. 接下来使用change()方法来触发change事件： ``` selectElement.change(); // 注意这里不是触发click事件，而是change事件 ``` 3. 通过触发change事件，可以实现对select元素的改变，从而出发对应的函数或操作。 例如，下面的代码可以实现在页面加载完毕后自动选择select元素的第一个选项，并出发对应的改变事件： ``` window.onload = function() { var selectElement = document.getElementById('selectId'); selectElement.selectedIndex = 0; // 选择第一个选项 selectElement.change(); // 触发change事件 }; ``` 以上就是通过JS触发select改变事件的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值