Question

Hi I found this script online that adds an onChange event to an element and I would like to now add a second onChange event to the same element. Heres the script:

document.getElementById('piname').onchange =
function() {
    removeChildren({
        parentId: 'account_table',
        childName: 'extraaccount'
    });
}

And the onChange event i want to add is:

showAccount(this.value)

Answer 1

Use addEventListener() (and attachEvent as a fallback, if needed).
Example:

document.getElementById('piname').addEventListener("change", function(e){
  e = e || event;
  showAccount(e.target.value);
}, false);

Example, with fallback:

var element = document.getElementById('piname');
if(element.addEventListener){
  element.addEventListener("change", function(e){
    e = e || event;
    showAccount(e.target.value);
  }, false);
}
else if(element.attachEvent){
  element.attachEvent("onchange", function(e){
    e = e || event;
    showAccount(e.target.value);
  });
}