jquery select change event on the same option

Question

Here is my simple code:

$(".test").change(function(){
    alert("user clicked");
});

<select class="test">
    <option value="1">test1</option>
    <option value="2">test2</option>
</select>

It's all simple and working, but I want to get that function called not only when user changes option, but when he clicks on the same option that is already selected, I've tried click event but it gets fired up before user even clicka on any option, what could I do?

Do you mean that you want the function to fire whenever that select has focus? — Jory Cunningham, Aug 02 '12 at 20:49
You wont be able to choose an option if you have an alert in the click handler, you'll loose focus — Musa, Aug 02 '12 at 20:50

score 2 · Accepted Answer · edited May 23 '17 at 12:24

2

doesn't work in chrome.

$(".test option").click(function(e){
    console.log('click');
});

updated your fiddle.

put the click on the option

EDIT: looks like it isn't possible without a bunch of work like using click on the select and comparing the location it was clicked or something hokey like that.

I am not sure what the end goal is, but the click on the select might work if you can do the processing one extra time when they initially click into it.

another article on it:

edited May 23 '17 at 12:24

Community

1
1

answered Aug 02 '12 at 21:31

Rob Allen

2,871
2
30
48

sorry man, i wasn't thorough when i tested. This is valid but apparently not supported. – Rob Allen Aug 04 '12 at 04:26

score 1 · Answer 2 · answered Nov 11 '13 at 15:34

If you mean that there is only one thing in the select (like in the problem I was having), you could create a default disabled option, and set that as the selected. This would mean that if you had one option, onchange would fire because the disabled was the one that was previously selected:

<option disabled selecte>Select an option</option>
<option> Only Option </option>

jquery select change event on the same option

2 Answers2

Linked

Related