Question

I have this,

<select id="rid" style="border: 1px solid #ccc;" name="rid">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
</select>

In my script, I want to know if for instance Option 1 is being selected or being clicked. What I’m trying here is to know an option is being clicked via the <option>‘s attribute value. If an option is being clicked I will alert() something telling me that that option is being clicked. How would I do that in my js script?

Answer 1

If you concerned about clicks and not change then use .click event.

$('#rid').click(function () {
   if ($(this).val() == "1") {
      console.log("option 1 was clicked");
     //^- Using alert here would block the selection.
   }
});

Above is based on what is in OP –

If an option is being clicked I will alert() something telling me that that option is being clicked.

As per –

I want to know if for instance Option 1 is being selected or being clicked.