Question

72

How to set the SELECTED property of dropdown in jQuery?

rated 0 times [ 75] [ 3] / answers: 1 / hits: 5300 / 11 Years ago, wed, january 1, 2014, 12:00:00

I am sending the index number of dropdown's options that users selects from index. Now want to select that specific option as 'selected' on another view. How to make it using jQuery?

$('#book_selection').attr(disabled, disabled);

$('#book_selection').selectedIndex = 1;

but its not working...

Answers

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

jenamackennac

Add To Favorites

Follow

Total Points: 304

Total Questions: 110

Total Answers: 107

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

jenamackennac questions

1 React render PDF file inside component based on API response

Fri, Feb 18, 22, 00:00, 2 Years ago

1 Webpack error: configuration.module.rules[0] has an unknown property 'query'

Mon, Aug 30, 21, 00:00, 3 Years ago

1 Vue is not defined/not a constructor

Wed, Apr 21, 21, 00:00, 3 Years ago

1 WebView2 - Get an attribute

Thu, Apr 1, 21, 00:00, 3 Years ago

1 IntersectionObserver API and TypeScript

Tue, Feb 2, 21, 00:00, 3 Years ago

View All

answered 11 Years ago sheylap · Accepted Answer

Use prop() method, setting selectedIndex to a jQuery object practically does nothing. As of jQuery 1.6 for modifying properties prop method should be used instead of attr method:

$('#book_selection').prop(disabled, true)

                    .prop('selectedIndex', 1);

Alternatives:

// Getting the DOM element object using bracket notation and `.get()` method

$('#book_selection')[0].selectedIndex = 1;

$('#book_selection').get(0).selectedIndex = 1;