JQ-select触发选中option之change事件

已于 2022-10-30 22:28:57 修改
阅读量3.2w 收藏 8
点赞数 2
分类专栏： 前端 文章标签： JQuery trigger change 触发change事件
于 2018-11-11 15:32:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang704987562/article/details/83958995
版权

使用JQ触发select的选中事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<select class="check">
			<option value="one">one</option>
			<option value="two">two</option>
		</select>
	</body>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script>
		$(function(){
		    $('.check').change(function(){
		      var data= $(this).val();
		      alert(data);            
		    });
		    
		    $('.check').val('two').trigger('change');
		});
	</script>
</html>

注意：
change函数加载完才能调用trigger(‘change’)，否则不会触发；

半笙彷徨
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过jquery触发select自身的change事件
djb8317的博客
07-17 1364
###通过jquery触发select自身的change事件 1.通过js来去触发select的change事件 代码如下：包含了html部分和js部分 //html部分 <select class="select-area" id="province_id" name="province" onchange="selectProvince(this)"> <o...
jq 下拉列表选中事件_JQuery select各种事件
weixin_35748610的博客
01-27 5251
最近工作中总出现select 和 option问题，整理一下，内容大部分源于网络资料一、基础取值问题例如1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option:contains('pxx')").attr("selected",true);注意：之前$(".selector").f...
jquery操作select标签change事件
skyline55的博客
01-03 5637
$('#update_supply_id').on('change',function(){ //判断是否选取prompt属性，无返回值；     if($(this).val()){         var selectText = $(this).find('option:selected').text();         var index = selectText.indexOf('-'...
onChange事件详解
最新发布
风火一回，一生不毁
05-15 307
React 中，onChagne 事件是一个合成事件，由 ChangeEventPlugin 插件处理其监听。ChangeEventPlugin 插件会处理三类元素，select 和 file 监听 change 事件，input 和 textarea 监听 input 和 change 事件，checkbox 和 radio 监听 click 事件。
jquery操作select(取值，设置选中）
qiuweifan的博客
08-31 1万+
jquery操作select(取值，设置选中）
jquery操作select(选中，取值)
u011927449的博客
06-30 3425
最近工作中总出现select 和 option问题，整理一下，内容大部分源于网络资料 一、基础取值问题 例如<select class="selector"></select> 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法，中...
关于jquery中动态增加select,事件无效的快速解决方法
01-21
近来做项目，用的jquery1.6.2库，当动态增加div 及select时，事件却不起作用。 查了一些资料，发现bind事件：向匹配元素附加一个或更多事件处理器。而live事件：为当前或未来的匹配元素添加一个或多个事件处理器。 ...
jquery 查找select ,并触发事件的实现代码
12-11
代码如下: var count=$(“#drpCity option”).length; //查找城市 for(var i=0;i<count;i++){ var vTmp=$(“#drpCity”).get(0).options[i].value; if($.trim(vTmp)==vDpoizone){ $(“#drpCity”).get(0).options...
jquery控制select的text/value值为选中状态
12-09
当我们需要将SELECT中的某个option的value设为"全部"并使其选中时，可以使用`val()`方法。例如： ```javascript $(“.selector”).val(“全部”); ``` 这行代码会找到所有class为"selector"的SELECT元素，并将...
jQuery实现select下拉框获取当前选中文本、值、索引
01-19
//为Select添加事件，当选择其中一项时触发 $(select:eq(0)).change(function(){ //code }); //获取Select选中的Text:结果是由所有匹配元素包含的文本内容组合起来的文本 var checkText = $(select:eq
JQuery中对Select的option项的添加、删除、取值
12-02
jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件，当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=$(“#select_id”).val(); //获取Select选择的Value var checkIndex=$(“#select_id “).get(0).selectedIndex; //获
jquery checkbox 选中、改变状态、change 和 click 事件
愿我如星君如月 ... 夜夜流光相皎洁 ...
01-10 1万+
jquery判断checked的三种方法: ​​​​​​​ .attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop('checked'); //16+:true/false .is(':checked'); //所有版本:true/false//别忘记冒号哦 jquery赋值checked的几种写...
jQuery实现select下拉框选中数据触发事件
热门推荐
cat_pp的博客
11-15 9万+
今天刚做了一个通过select下拉框修改数据的功能，因为select没有click点击事件，所以当选中下拉框中的数据后，使用onchange事件，但是在js中应该写bind（“change”，function（）{…}）。注意这里用的是change，不是onchange。 下面是我做的实例： 1、body下的内容：<select id="data" class="data" name="${o.
bootstrap下拉选择框选中事件_基于jQuery的select下拉框选择触发事件实例分析
weixin_39962356的博客
12-18 485
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考，具体如下：我一直以来都认为，select 下拉框选择对选项 options 使用 onclick 注册事件即可，如下：选项一选项二今天有个要求需要做联动菜单，就是每点一次，相邻的下拉框会自动改变 ，我一想没问题啊，onclick走起于是走上面的路线，客户还说了，IE8必须支持，我想想也是，XP的IE内核只...
jQuery获取select onChange的值
p15097962069的博客
04-12 2608
I was under the impression that I could get the value of a select input by doing this $(this).val()
jqueryUI,select标签change事件不生效问题解决方法
12-16 1万+
使用下面的方式change方法是不起作用的 $("#selectID").change(function{ console.log("change"); }) 当使用jqueryUI定义select时应该 $("#selectID").selectmenu({ change:function(){ console.log(1); } });
JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参
tasty
10-07 645
script src="jquery.min.js" type="text/javascript">script>   script language="javascript" type="text/javascript">   $(document).ready(function(){   $('#mySelect').change(function(){   alert($(this)
【JQuery】下拉列表框的change事件
O(∩_∩)O
04-02 2万+
当一个元素的值发生变化时，将会触发change事件。 例如在选择下拉列表框中的选项时，就会触change事件。 其实很好理解，但是我在写程序的过程中，却发现了另外的问题。 下拉列表的change事件 葡萄 苹果 荔枝 香焦
jquery选择下拉框触发事件的实现
飞鸿的博客
06-06 3万+
因为jquery选择下拉框触发事件的实现而焦头烂额，先前我用了对下拉框option中的id用了click事件，在火狐中竟然能运行而在其他浏览器却不行，这让我一度以为是浏览器兼容问题。错错错，option中没有id也没有click事件。我的天，超级发现问题超级开心。下面是我的实现。所需知识bind（）方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。其语法为：$(selector...
jq select 选中事件
06-02
如果您是在使用 jq 库进行事件处理，可以使用 `.on()` 方法来选中事件，例如： ``` $(document).on('click', '#my-button', function() { // 点击事件处理代码 }); ``` 这个代码会在文档加载完成后，选中 id 为 `my-button` 的元素，并且在点击事件发生时执行事件处理代码。当然，这只是一个简单的例子，具体的代码需要根据您的需求进行修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值