select element

http://stackoverflow.com/questions/28344182/styling-border-of-input-elements-on-change-event

by Ram Tobolski

HTML

<select id="mySelect" onchange="setChangedStyle(this)">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

JavaScript

function setChangedStyle(element) {
    alert('Trying to set border on element ' + element);
    var input = document.getElementById(element.id);
    if (input != undefined) {
        var borderStyle = "1px solid #eab069";
        input.style.border = borderStyle;
        alert('Set border style to ' + borderStyle);
    } else {
        alert('Element is undefinded');
    }
}