jq指定要选中的select值，并触发change事件

已于 2024-04-24 16:37:39 修改
阅读量361 收藏
点赞数 1
分类专栏： js 文章标签： jquery javascript 前端
于 2024-04-24 16:36:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoxin0309/article/details/138128243
版权

最近在写前端的时候，遇到一个问题，想要给指定下标的option值选中，一开始使用了

attr("selected",true)   不生效，后来替换成 prop("selected","selected") 就起作用了，

但是，我还需要实现在 option 选中的同时，触发 select 的change 事件，此时就可以这样写

$("select[name=test] option").eq(0).prop("selected","selected").trigger("change");

即用 trigger 来触发事件

xiaoxin0309
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jq 下拉列表选中事件_JQuery select各种事件
weixin_35748610的博客
01-27 5223
最近工作中总出现select 和 option问题，整理一下，内容大部分源于网络资料一、基础取值问题例如1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option:contains('pxx')").attr("selected",true);注意：之前$(".selector").f...
jquery 查找select ,并触发事件的实现代码
12-11
代码如下: var count=$(“#drpCity option”).length; //查找城市 for(var i=0;i<count;i++){ var vTmp=$(“#drpCity”).get(0).options[i].value;... $(“#drpCity”).trigger(“change”); break; } } }
layui 中select下拉change事件失效的解决方法
10-16
今天小编就为大家分享一篇layui 中select下拉change事件失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
jquery操作select下拉框的多种方法(选中,取值,赋值等)
weixin_40821111的博客
08-17 1万+
11112222").appendTo("#sel")//添加下拉框的option。$("11112222
JQ-select触发选中option之change事件
wang704987562的博客
11-11 3万+
使用JQ触发select的选中事件 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;select class=&q
select下拉框选择触发事件
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
12-03 7171
HTML <select onchange="func()" id="near"> <option value="">附近</option> <option value="0">选项一</option> <option value="1">选项二</option> </select> jq传参 function func() { var vs = $('#near
解决：循环使用tree-select、select组件，change事件触发多次
qq_52065282的博客
05-15 2878
在这种类似的模块中循环使用elementUI，或element-plus中的下拉选择组件，需求是第一个select选择器改变值的时候，请求接口获取下一个select选择器的数据列表，在请求接口的时候发现接口请求了两次，值改变一次，@change事件调用的两次。触发多次的原因可能是因为组件重新渲染，导致事件监听器被重复绑定。
jquery操作select标签change事件
skyline55的博客
01-03 5629
$('#update_supply_id').on('change',function(){ //判断是否选取prompt属性，无返回值；     if($(this).val()){         var selectText = $(this).find('option:selected').text();         var index = selectText.indexOf('-'...
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.
jquery操作select(选中，取值)
u011927449的博客
06-30 3394
最近工作中总出现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下拉框获取当前选中文本、值、索引
01-19
//为Select添加事件，当选择其中一项时触发 $(select:eq(0)).change(function(){ //code }); //获取Select选中的Text:结果是由所有匹配元素包含的文本内容组合起来的文本 var checkText = $(select:eq
jquery中change()用法实例分析
12-12
本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下： ...1、触发 change 事件：触发被选元素的 change 事件 语法: $(selector).change() 2、将函数绑定到 change 事件：规定
通过JS修改select默认选中值触发onchage事件
weixin_44176363的博客
08-19 1961
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
bootstrap下拉选择框选中事件_基于jQuery的select下拉框选择触发事件实例分析
weixin_39962356的博客
12-18 481
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考，具体如下：我一直以来都认为，select 下拉框选择对选项 options 使用 onclick 注册事件即可，如下：选项一选项二今天有个要求需要做联动菜单，就是每点一次，相邻的下拉框会自动改变 ，我一想没问题啊，onclick走起于是走上面的路线，客户还说了，IE8必须支持，我想想也是，XP的IE内核只...
jQuery获取select onChange的值
p15097962069的博客
04-12 2602
I was under the impression that I could get the value of a select input by doing this $(this).val()
实现 select中指定option选中触发事件
热门推荐
ShingEven的专栏
12-05 22万+
我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。 当我们触发select的双击事件时，用ondblclick方法。 当我们要取得select的选中事件时，用document.all['name'].value来获取，其中name是select的名称。 如果我们要得到select的全部的值就用一个fo
JQ给select的option添加点击事件
yeah_nn的博客
06-06 3万+
我们在用到下拉列表框select时，需要对选中的&lt;option&gt;选项触发事件，其实&lt;option&gt;本身没有触发事件方法，我们只有在select里的onchange方法里触发。想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件又在select中添加onclick 这下可好了,没选option呢就触发了！！！解决方案：  给selec...
jq select2 设置选中项
最新发布
06-08
如果你想要使用 jQuery 设置 Select2 组件的选中项，可以使用 Select2 的 `val()` 方法或者 `trigger('change')` 事件来实现。 方法一：使用 Select2 的 `val()` 方法 可以使用 Select2 的 `val()` 方法来设置选中项，如下所示： ```javascript $('#mySelect2').val('value').trigger('change'); ``` 上述代码会将 Select2 组件的选中值设置为 `value`，并且触发 `change` 事件。这样就可以实现设置选中项的效果了。 需要注意的是，如果 Select2 组件支持多选，可以将选中值作为数组传递给 `val()` 方法，例如： ```javascript $('#mySelect2').val(['value1', 'value2']).trigger('change'); ``` 上述代码会将 Select2 组件的选中值设置为 `value1` 和 `value2`，并且触发 `change` 事件。这样就可以实现设置多选选中项的效果了。 方法二：使用 `trigger('change')` 事件 如果你想在外部JavaScript代码中设置Select2组件的选中项，可以使用以下代码： ```javascript $('#mySelect2').val('value'); $('#mySelect2').trigger('change'); ``` 上述代码会将Select2组件的选中值设置为`value`，然后手动触发`change`事件以更新Select2界面。 需要注意的是，如果Select2组件支持多选，可以将选中值作为数组传递给`val()`方法，例如： ```javascript $('#mySelect2').val(['value1', 'value2']); $('#mySelect2').trigger('change'); ``` 上述代码会将Select2组件的选中值设置为`value1`和`value2`，并手动触发`change`事件以更新Select2界面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值