How do you select a particular option in a SELECT element in jQuery?

23 0 0 0

Last Updated : 2020-12-05 07:49:13

How do you select a particular option in a SELECT element in jQuery?

A selector to get the middle option-element by value is


$('.selDiv option[value="SEL1"]')

For an index:


$('.selDiv option:eq(1)')

For a known text:


$('.selDiv option:contains("Selection 1")')

Then add selected


$('.selDiv option:eq(1)').prop('selected', true)

Mahmoud Anwar

Mahmoud Anwar

Back End Developer with a passion for developing innovative web applications that expedite the efficiency and effectiveness of organizational success. Well-versed in technology and writing code to create systems that are reliable and user-friendly. Also has the proven ability to motivate, educate, and collaborate effectively to build web applications and effectively track changes. Confident communicator, strategic thinker, and innovative creator to develop software that is customized to meet a company’s organizational needs, highlight their core competencies, and further their success.