问题:设置selectedIndex不触发onChange事件
回答:
在前端开发中,当我们使用JavaScript代码动态地改变一个下拉列表(select)的选中项时,有时候希望不触发该下拉列表的onChange事件。下面是一种解决方案:
解决方案:
可以通过先解绑onChange事件,然后再设置selectedIndex,最后重新绑定onChange事件来实现不触发onChange事件的效果。
具体步骤如下:
这样,在设置selectedIndex时就不会触发onChange事件了。
应用场景:
这种解决方案适用于需要在不触发onChange事件的情况下,动态改变下拉列表的选中项的场景。例如,在某些特定的业务逻辑中,我们可能需要在用户选择某个选项后,根据其他条件动态改变下拉列表的选中项,而不希望触发onChange事件。
推荐的腾讯云相关产品:
腾讯云提供了丰富的云计算产品和服务,其中包括云服务器、云数据库、云存储等。这些产品可以满足不同场景下的需求。具体推荐的产品和产品介绍链接如下:
请注意,以上推荐的产品仅作为示例,实际选择产品时应根据具体需求进行评估和选择。
需求:通过改变id,从数据库中回显不同的信息
前端:
javascript当中操纵table的用法
</BODY>
</HTML>
<script>
function doimg(event)
{
var event = event || window.event;
var eSource =event.srcElement||event.target;
/*马克-to-win:下列实验可以通过event取到。以下的实验证明event.target 就是obj,马克-to-win:event.target是最上层的元素,本例中onChange只有select有,而option并没有onChange这个概念。这就是为什么,event.target这个顶层元素是select,而不是option的原因。详情见例4.1.*/
var obj= document.getElementById("city");
alert("obj===event.target is"+ (obj===eSource));
var inde=eSource.selectedIndex;
alert(obj.value+inde);
change(inde,obj.value);
}
11
12
13
14
21
22
23
24
领取专属 10元无门槛券
手把手带您无忧上云