CODEWITHSUNDEEP
javascriptjqueryhtml
thatOneGuy
thatOneGuy

Reputation: 10612

How to run a function by clicking an option in a drop down select tag?

I have a drop down select tag like so : 

<select id="thisDropDown" onChange="doSomething()">
        <option></option>
        <option>classif</option>
        <option>status</option>     
</select>

Notice I'm using the onChange();

What I need is the ability to re-click an option in my drop down so it runs the function again (as I can change other drop downs which affect the outcome of running this function).

I have tried onselect() and onclick() but none seem to work. Do I have to write a bit of script ? I have been looking online but can't seem to find something that will work.

Thanks in advance, sorry if something similar has been asked before

Upvotes: 0

Views: 102

Answers (2)

Glenn
Glenn

Reputation: 61

Hej,

This can be done with jquery

$('#thisDropDown').on('mouseup', function() {

    alert('select option');
});

Upvotes: 1

Ramanathan Muthuraman
Ramanathan Muthuraman

Reputation: 752

We can achieve this but with minor tweaks which are required based on the browser

JSFiddle link https://jsfiddle.net/0kxe6br7/2/

var dom = "select#thisDropDown";
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
if(is_firefox){
dom+=" option";
}

$(dom).on("click",function(event) {
  console.log($(event.currentTarget).val());
});

Upvotes: 3

Related Questions