jquery的trigger函数和select框change事件

最新推荐文章于 2024-04-24 16:36:44 发布
最新推荐文章于 2024-04-24 16:36:44 发布
阅读量5k 收藏 1
点赞数 2
分类专栏： jquery学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30500113/article/details/103423453
版权
遇到一个需求，根据select选择的天数触发不同查询并返回结果给前端。最初尝试在ECharts中使用$.post()请求数据，但只有手动改变选项时才有反应。将获取数据部分分离为独立函数并尝试赋值给ECharts，但失败。最终通过jQuery的trigger函数解决了问题，能够预执行定义的change事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

郁闷,被坑了3个小时,最后发现只一个函数就解决 心中N只草拟吗奔腾而过有木有

有这样一个需求,根据图中选择的天数,然后去后台走不通的查询,最后返回结果给前台,刚开始在echarts中使用了$.post()请求路由，然后返回结果,但是发现只有通过手动去选择别项的时候才会有数据传过来,

于是乎在js中将获取数据的部分单独写在函数中,最后return出去,然后赋值给echarts获取数据的地方,呵呵
我还是太年轻了，echarts代码中根本就拿不到post请求后的数据

转辗反侧,3个小时过去后
百度了N久发现jquery中有一个trigger函数可以预先执行以下定义的事件

html部分

	<select class="form_control" id="history">
			<option value="0">最近24小时</option>
			<
最低0.47元/天 解锁文章
jQuery中trigger()使用之触发select下拉框（onchange）
weixin_34332905的博客
06-12 508
原谅我这么晚才发现trigger()，具体用法筒子们去看API去。~ o(￣▽￣)ブ，先说需求是啥，实现页面载入的时候自动触发select下拉框，数据是通过jQuery$.ajax 方法获得的。 $(function () { // 初始化频道 $.ajax({ url: "/channel/first.ajax", ...
jquery trigger实现联动的方法
10-22
当按钮被点击时，页面上的省份下拉列表的值被设置为“湖北”，接着通过trigger方法触发change事件，从而调用绑定在省份下拉列表上的change事件处理函数。 在这个事件处理函数中，根据省份的值来更新城市下拉列表的...
jQuery trigger()方法用法介绍
12-09
jQuery的trigger()方法用法介绍: 此方法可以触发匹配元素上指定类型的事件。 它具有两种语法格式，下面就分别做一下介绍。 语法结构一: 代码如下: $(selector).trigger(event,[param1,param2,…]) 参数解析: 1.event:必需，规定匹配元素要触发的事件，可以是自定义事件，也可以是标准的事件。 2.param:可选，传递给事件处理函数的参数。 代码实例: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=” utf-8″> <title>蚂蚁部落</title> <script src
JQuery使用trigger模拟触发selete的选择change事件
weixin_34343308的博客
01-16 775
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>easonjim</title> <script src="scripts/jquery.js" type...
jQuery 事件 - trigger() 方法
mzrxLXR的博客
09-01 1380
实例 &lt;select id="testSelect" onchange="testChange()"&gt; &lt;option value="1"&gt;1&lt;/option&gt; &lt;option value="2"&gt;2&lt;/option&gt; &lt;option value=&q
jQuery-触发change事件
热门推荐
张子布
12-19 1万+
1，修改select控件的value，会不会触发change事件？ 不会 根据值（value）选中下拉框，不会触发change事件 需要$('#pushTempType').val(data).change(); 2，修改input文本框的value，会不会触发change事件？ 不会，$('#newsRecipientType').val('').trigger('change'); ...
select2下拉多选框change事件
最新发布
02-25
### Select2 下拉多选框中 Change 事件的使用 在 Select2 插件中，`change` 事件用于检测下拉菜单选项的变化。当用户选择或取消选择某个选项时会触发此事件。需要注意的是，在某些情况下，如果初始状态为空，则第一...
jquery 美化select 自定义函数
01-18
$select.val(value).trigger('change'); $options.hide(); }); } }); ``` 为了保持原有的增删改操作，我们可以在自定义元素上添加`data-*`属性，如`data-index`，以便在处理这些操作时找到对应的原始`select`...
不同的jQuery API来处理不同的浏览器事件
10-27
`change()`方法用于绑定change事件的处理函数，适用于如`<select>`下拉菜单： ```javascript $("select").change(function(){ var str = ""; $("select option:selected").each(function(){ str += $(this).text...
jq指定要选中的select值，并触发change事件
xiaoxin0309的博客
04-24 2592
jq选中option并且触发change事件
JQuery 事件
u013795673的博客
06-17 1140
1.click与dbclick事件 $("ele").click() //手动指定触发事件 方法二：$ele.click( handler(eventObject) ) 点击触发 $("#text").click(function() { //this指向 div元素 });方法三：$ele.click( [eventData ], handler(eventObject)
select2，用js修改值，并且触发change事件
yearn105的博客
01-24 1392
select2事件
使用trigger方法触发事件 change -model
zhuchunyan_aijia的博客
12-31 8528
1. 功能描述 先使用on方法绑定模型对象的自定事件change_age_sex和age属性的change事件，然后分别调用trigger方法手动触发绑定的事件。 2. 实现代码 在页面的元素中，加入如代码清单3-6所示的代码。 代码清单3-6　trigger方法触发事件 var person = Backbone.Model.extend({      default
jQuery $(selector).trigger() 触发事件.html
weixin_42193179的博客
09-27 620
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>trigger</title> <script src="https://www.w3school.com.cn/jquery/jquery.js"&gt...
js 触发 change 事件
weixin_30839881的博客
12-11 2444
首先，请各位包涵，我本人对 JS 不是很熟，不知道“触发change事件”和“触发onchange事件”哪个更加合适。有园友知道的麻烦指出，先行谢过。 起因是这样的，工作上需要在浏览器页面上配置一些信息，同时需要配置的有好几百个。具体是需要在一个 HTML 的input输入框里面输入自己需要的文本，然后保存。而这个input框（猜测，因为页面不是我写的）是绑定了一个onchange事件的，当其中的...
select选择框通过js触发change事件
有问题可关注公众号：前端研究院 后台输入问题回复
10-10 2954
<body> <select id="testSelect" οnchange="testChange()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option&g...
JS模拟select点击，触发change事件
钢铁直男
01-17 7856
JS模拟select点击，触发change事件
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值