Question

Is there a way to trigger an event if I open a dropdown select, and select the same value WITHOUT clicking away to switch focus?

I tried

1. onblur, but it only works if I make an extra click outside the select.

2. onchange, but it only works if I select a different value.

I need to trigger an event simply if I open the dropdown and select anything, regardless of whether it is the same or different.

<select name='show1' id='show1' onblur='dosomething(this);'>
<option value='1'>One</option>
<option value='2'>Two</option>
</select>

Answer 1

It doesn’t matter what library or framework you use, but this is quite simple. You are essentially looking for two things to be true:

1. Test that the control was clicked.

2. Test that a value (any value) has been selected, –or– is still selected.

Number 2 can be achieved with something like…

var elem = document.getElementById("ddlViewBy");
var value = elem.options[elem.selectedIndex].value;

It’s then a simple matter to test that it is non-empty.