title: jquery onclick or onchange on different elements
body: <p>I have a select menu and two arrows for changing the values of the select (+/-). Today, I have a function triggering on a click on the arrows, which updates the value in the select but I would also like to add a function to do the same if someone changes the value directly in the dropdown (instead of using the arrows).</p>
  
  <p>I could re-write the same function and simply change the ID of the arrows to the ID of the select and change the <code>onclick</code> to <code>onchange</code> but that would be redondant. I would prefer to use a OR operation and have the function written only once.</p>
  
  <p>Is there a way do do a OR operation between two events?</p>
  
  <p>Current code:</p>
  
  <pre><code>$(document).ready(function(){
     $('img[id*="downArrow"]').on("click", function(){
       //update the value in the select
     });
  });   
  </code></pre>
  
  <p>What I would like to achieve:</p>
  
  <pre><code>$(document).ready(function(){
      $('img[id*="downArrow"]',#idOfMySelect).on("click onchange", function(){
           //update the value in the select
      });
  });  
  </code></pre>