Question

-6

Get clicked option in multiple dropdown

rated 0 times [ 1] [ 7] / answers: 1 / hits: 23797 / 12 Years ago, thu, may 3, 2012, 12:00:00

I have a multi select dropdown eg:

<select id=myList multiple=multiple>  

    <option value=1>Opt #1</option>

    <option value=2 selected=selected>Opt #2</option>

    <option value=3 selected=selected>Opt #3</option>

    <option value=4>Opt #4</option>

</select>

If I then selects Opt #4, how do I then only get Opt #4 and not Opt #2 and Opt #3? I know I can get all selected options by this:

var selectedOptions = $(#myList option:selected);

However I only want the option I clicked - Opt #4. Is this possible?

Edit: note that as I manipulate the list inside a change event I can't do it in a click event. Also added missing multiple.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sandra

Add To Favorites

Follow

Total Points: 708

Total Questions: 100

Total Answers: 84

Location: Bosnia and Herzegovina

Member since Thu, Jun 24, 2021

3 Years ago

sandra questions

1 NestJS/TypeORM: Cannot read property 'createQueryBuilder' of undefined

Mon, Nov 16, 20, 00:00, 4 Years ago

1 How to pass an array in query parameter reactjs

Tue, Jun 30, 20, 00:00, 4 Years ago

1 Firebase popup signin popup-closed-by-user error

Sun, May 31, 20, 00:00, 4 Years ago

1 How to test a component with the < Router> tag inside of it?

Wed, May 20, 20, 00:00, 4 Years ago

1 How do I send an array with fetch? (Javascript)

Fri, May 31, 19, 00:00, 5 Years ago

View All

answered 12 Years ago kaitlynd · Accepted Answer

You can get it in the click handler for each option element:

$(#myList option).click(function() {

    var clickedOption = $(this);

});

Update

EDIT: As I manipulate the list inside a change event, I can't do it in a click event.

In that case you need to delegate the event using on. Try this:

$(#myList).on(click, option, function() {

    var clickedOption = $(this);

});

One thing to note, however, is that option elements will not raise click events at all in IE, so neither of the above will not work in that browser.