How to select option of select

Question

I want to invoke a function when any option of select. Something like this:

$("option").click(() => {
  alert("hi")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectID">
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

But its not working somehow. Can anyone help.

Please Note

i dont want to capture change event , that doesnt trigger if i select already selected option

Listen input event on the select element (`.on('input', ...)`) instead of click events on options. — Teemu, May 29 '18 at 10:41
You can use onchange() to get event. function leaveChange() { var value = document.getElementById("select").value } — Ravi Sapariya, May 29 '18 at 10:44
i dont want to capture change event , that doesnt trigger if i select already selected option — manish kumar, May 29 '18 at 10:53
The codesnippet in the question seems to work as it is ..? What is the primary purpose of detecting more than a single click/selection on an option ..? — Teemu, May 29 '18 at 12:09
because the use case is as it is. i want to detect onclick event on option. even if the option is pre selected. — manish kumar, May 29 '18 at 17:03

Akhil Aravind · Answer 1 · 2018-05-29T10:44:19.690

0

This could help you

$("#selectID").on('change',() => {
  alert("hi")
 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<select id="selectID">
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

edited May 29 '18 at 10:44

answered May 29 '18 at 10:41

Akhil Aravind

5,388
15
34

Please just vote to close obvious duplicates like this. All answering does is prevent the Roomba from deleting it. – Rory McCrossan May 29 '18 at 10:43
@RoryMcCrossan, they ask us, do help what we can – Akhil Aravind May 29 '18 at 10:45
Which is why we vote to close as a duplicate and place links at the top. Having 10,000 duplicates of a basic question helps no one. – Rory McCrossan May 29 '18 at 10:46
i dont want to capture change event , that doesnt trigger if i select already selected option. Please see this – manish kumar May 29 '18 at 10:56
@manishkumar, change 'change' to 'click', it will work as you expected – Akhil Aravind May 29 '18 at 11:01
not on select click , the option i meant. Sir – manish kumar May 29 '18 at 12:07
you can run the code snippet, run once, find any error. i will fix that – Akhil Aravind May 29 '18 at 12:09
it does not run when the selected option is clicked. I wanted to acheive that. Thanks – manish kumar May 30 '18 at 05:40

How to select option of select

1 Answers1