Geek asks and answers

Onblur / onchange alternative in choosing

I am trying to find a way to run a JavaScript function when the user selects a parameter in an HTML field select, regardless of whether this parameter has already been selected. Therefore, onchangethere can be no question.

The problem with use onbluris that (at least in Chrome and Safari) the event does not fire until the user clicks on another element. It can also be annoying if the user focuses on the selection, then clicks without selecting an option, in which case I do not want the event to be fired.

I managed to achieve some success by providing a handler for each of the options onmouseup, but this only works in Firefox, as far as I can tell. Any ideas?

+5
source share
2 answers

Since no one bothered to answer this, I will post a general version of my code:

<select id="mySelect" onfocus="this.selectedIndex=0;" onchange="userDidSomething(event)">
    <option>Choose one:</option>
    <option>Option 1</option>
    <option>Option 2</option>
</select>

JavaScript:

function userDidSomething(event) {
    // Your Code Here.
}
+2
source

Try using

var s = document.getElementById("mySelect");
s.attachEvent("onchange", function() {
    // function here
});
+1
source

More articles:


All Articles