Javascript 不同元素上的jquery onclick或onchange
我有一个选择菜单和两个箭头,用于更改选择(+/-)的值。今天,我有一个在点击箭头时触发的函数,它会更新select中的值,但是如果有人直接在下拉列表中更改值(而不是使用箭头),我还想添加一个函数来执行相同的操作 我可以重新编写相同的函数,只需将箭头的ID更改为select的ID,并将Javascript 不同元素上的jquery onclick或onchange,javascript,jquery,Javascript,Jquery,我有一个选择菜单和两个箭头,用于更改选择(+/-)的值。今天,我有一个在点击箭头时触发的函数,它会更新select中的值,但是如果有人直接在下拉列表中更改值(而不是使用箭头),我还想添加一个函数来执行相同的操作 我可以重新编写相同的函数,只需将箭头的ID更改为select的ID,并将onclick更改为onchange,但这将非常重要。我更喜欢使用OR操作,函数只写一次 有没有办法在两个事件之间执行OR操作 当前代码: $(document).ready(function(){ $('im
onclick
更改为onchange
,但这将非常重要。我更喜欢使用OR操作,函数只写一次
有没有办法在两个事件之间执行OR操作
当前代码:
$(document).ready(function(){
$('img[id*="downArrow"]').on("click", function(){
//update the value in the select
});
});
我希望达到的目标是:
$(document).ready(function(){
$('img[id*="downArrow"]',#idOfMySelect).on("click onchange", function(){
//update the value in the select
});
});
您可以在选择器之间使用逗号组合它们,而在事件之间不使用逗号 但是您需要小心,因为您可能不希望在单击
select
元素时触发该函数:
$('img[id*=“downArrow”],#mySelect')。在('click change',函数(e)上{
if(e.type=='change'| | this.id!=='mySelect'){
警惕(“成功!”);
}
});代码>
选择1
选择2
您可以在选择器之间使用逗号而在事件之间不使用逗号来组合它们
但是您需要小心,因为您可能不希望在单击select
元素时触发该函数:
$('img[id*=“downArrow”],#mySelect')。在('click change',函数(e)上{
if(e.type=='change'| | this.id!=='mySelect'){
警惕(“成功!”);
}
});代码>
选择1
选择2
您走的方向是正确的,只是输入了“更改”而不是“更改”
你走的方向是对的,只是打错了“更改”而不是“更改”
您可以在两个侦听器上使用单个方法。例如:
函数onevent函数(e){
}
$(文档).ready(函数(){
$('img[id*=“downArrow”]')。打开(“单击更改”,OneEventFunction);
});代码>您可以在两个侦听器上使用单个方法。例如:
函数onevent函数(e){
}
$(文档).ready(函数(){
$('img[id*=“downArrow”]')。打开(“单击更改”,OneEventFunction);
});代码>
$(document).ready(function(){
$('img[id*="downArrow"]',#idOfMySelect).on("click change", function(){
//update the value in the select
});
});