jquery解决select选择同一个值不触发onchange事件

最新推荐文章于 2023-09-13 10:04:16 发布

原创最新推荐文章于 2023-09-13 10:04:16 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript

本文介绍如何使用JavaScript实现下拉选择框在改变值时的事件监听，并在获取焦点时自动清空选中项。核心代码展示了利用`on('change')`和`focus()`事件处理焦点切换及重置选中的原理。

原理：点击下拉选择框时重新赋新值。

		$('#chinese-medicine-window #zcyUnitMethod').on('change', function () {
			console.log("触发");
		}).focus(function(){
		//获取焦点赋新值
			$(this)[0].selectedIndex=-1
		})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

机智的成大

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参

10-28

在本节内容中，我们将详细介绍如何使用JQuery来绑定一个下拉列表（select标签）的onchange事件。当用户从下拉列表中选择一个选项时，会触发此事件，从而弹出所选的值，并且页面会根据指定的参数进行跳转。在这个过程...

基于jQuery的select下拉框选择触发事件实例分析

10-21

本文将详细介绍如何使用jQuery为select元素的下拉选择操作实现触发事件，并结合实例分析如何解决不同浏览器的兼容性问题以及如何传递参数。首先，需要明确的是，在传统的HTML中，select元素的选项通常使用onclick...

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

于又欠 2022.08.16
好用比click更合理[face]emoji:015.png[/face]

select onchange事件，再次选中相同选项无法触发

IF_YOU5849的博客

08-01

3440

前言：下拉框触发onchange事件，当再次点击选项时，没有改变无法触发；示例如下 ↓ 代码如下 ↓ // 下拉框切换 $(document).on('change', '.operation', function () { // ...... $(this).blur(); }) $(document)....

onchange触发不了

chiwawa_的博客

07-07

2850

onchange触发不了

jQuery插件---MultiSelects(左右选框)

yanleigis的专栏

02-10

3081

demo<!--$(function(){$("#s1 option:first,#s2 option:first").attr("selected",true);$("#s1").dblclick(function(){ $("option:selected",this).clone().appendTo("#s2"); $("option:s

input file onchange事件不触发(第二次上传同名文件)/文件上传也可参考

丁大聪明的博客

12-04

8732

html &amp;amp;amp;lt;div class=&amp;amp;quot;input-box&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;input type=&amp;amp;quot;file&amp;amp;quot; name=&amp;amp;quot;feature&amp;a

有关下拉框jquery里的change事件无法触发的问题

热门推荐

忘记过去的人，必将重蹈覆辙

04-20

1万+

最近写到了有关二级下拉框的页面，起初想到了就是下拉框change的时间但是 $("#").change(function(){.....}) 在js里面根本无法访问到很郁闷查了许多也试了许多最终还是找了解决的方法在你需要的第一级下拉框里面加上 onchange事件里面调用的是你联动二级下拉框的函数

JS实现select选中option触发事件操作示例

10-18

总的来说，JavaScript和jQuery提供了解决用户在`<select>`下拉列表中选择`<option>`时触发事件的方法。JavaScript原生方法要求更多的DOM操作，而jQuery提供了更简洁的语法和更强大的功能。理解这两种方式有助于在...

给select设置选中值，但不触发onchange事件

06-09

您可以使用 jQuery 的 `.val()` 方法在不触发 `onchange` 事件的情况下设置 `select` 元素的选中值。然后，您可以使用 jQuery 的 `.trigger()` 方法手动触发 `change` 事件，如下所示： ```javascript // 获取 ...

解决layui中onchange失效以及form动态渲染失效的问题

10-16

在jQuery中，我们通常会使用`onchange`事件来监听用户在选择框中选择值的变化。但在layui框架下，由于layui有自己的事件处理机制，原生的`onchange`事件可能无法正常工作。layui提供了`lay-filter`属性和`form.on`...

select标签选择相同选项不触发onchange解决方案

weixin_51609337的博客

09-13

2158

想到了一个方法，就是在select下新增一个option标签，每次onchange时将select值重置为这个新增的option，这样就是每选一个将选中的值给新增的，就不存在选相同的了。在谷歌浏览器中可以实现select标签下选择相同选项就能触发onchange事件，但在火狐浏览器中select不回显选项内容。

解决select下拉框的onchange方法没反应的问题

奋斗的秋天的博客

05-11

5032

解决select下拉框的onchange方法没反应的问题问题：在使用Bootstrap时，改变下拉框的值，发现select下拉框的onchange方法没反应，该方法没有被触发。解决方法：在select下拉框的onchange方法中的第一行代码中写上下面代码，问题即可解决。 $("#table").bootstrapTable("destroy"); 原因：在初始化table之前，要将table销毁，否则会保留上次加载的内容。 ...

【js】onchange事件不被触发

博客

08-18

8818

异常现象： input输入内容后，绑定的onchange事件不触发异常原因： onchange事件，需要在input不失去焦点时，才触发解决方法： $(document).ready(function () { //改变思路去监听键盘的输入 window.document.onkeydown = function (e) { //如果当前焦点元素的id为某指定ID ...

解决动态创建的select无法触发change事件

Aldams的博客

09-02

2998

$(".select").change(function(){ var selected=$(this).children('option:selected').val(); alert(selected); }) 将以上代码中的$(“.select”).change(function(){………}); 修改为$(document).on('change',".select",function(){………})： ...

onchange事件触发不了_JavaScript - 具体事件

weixin_39864101的博客

12-03

2723

触屏事件 touch移动端的事件，跟点击事件不一样的地方在于，可以多点触控。触屏事件是 2009 年以后才有相关的触屏事件。只能用 ECMASCRIPT5，才能够实现。只能用 addEventListener 才能创建事件。//在触屏事件中想要获取触控点的位置，可以通过属性touches来获取多个点的触控位置。聚焦事件 onfocus当输入框被点击之后，光标在输入框闪动的时候，即为聚焦的事件。v...

JQ更改Select（下拉框）的选中值，change事件无效

qq_38893710的博客

07-06

3497

事件绑定的是动态生成的元素，需要使用事件委托的方式进行绑定。事件绑定在正确的元素上，并且绑定的函数是否正确。这样即使select是动态生成的，也能正确响应。代码错误：请检查代码是否正确，确保。

layui框架中解决select onchange事件无效的问题

SummerGao

02-10

2606

layui将select改造了，所以直接写onchange无效，代之可以使用 lay-filter ...

select下拉框首次选中，没有触发

uaena的博客

09-18

785

select下拉框首次选中没有触发

layui 中解决select onchange事件无效

小沐

05-31

5475

layui将select改造了，所以直接写onchange无效，代之可以使用lay-filter属性 <div class="layui-col-xs4 layui-col-sm4 layui-col-md4"> <div class="layui-form-item "> <label class="layui-form-label">发票类型</label> <div class="layui...