Select Dropdown option based on its text not value

Question

I am trying to select an item of dropdown by its text. I can't select them by value because value will be different everytime.

 $("#rn_SelectionInput_7_attend_session_time option").each( function(){ alert($(this).text()==radioValue);// this evaluate to true when a matching item is found if( $(this).text()==radioValue) { $("#rn_SelectionInput_7_attend_session_time").selectedIndex=$(this.index()); // this doesn't do anything } });

Thanks,

Arun P Johny · Accepted Answer · 2014-02-21 02:42:51Z

2

You can set the selected property of the option element to make it as selected

$("#rn_SelectionInput_7_attend_session_time option").filter(function () { alert($(this).text() == radioValue); // this evaluate to true when a matching item is found return $.trim($(this).text()) == radioValue }).prop('selected', true);

Demo: Fiddle

filter() - to find the option element with the given text
.prop() - set the selected property to true

answered Feb 21, 2014 at 2:42

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Bishnu Paudel Over a year ago

Thank you for the code. But it only works if I change prop to attr. Any ideas? is this browser specific?

Arun P Johny Over a year ago

@BishnuPaudel it is depending on jQuery version used... which is the jQuery version used

Bishnu Paudel Over a year ago

it's good if it's not browser specific. the page i am working now uses 1.4.2 and I can't change . Thanks,

Arun P Johny Over a year ago

@BishnuPaudel if you are using jQuery 1.4.2 then you need to use .attr(), if jQuery >= 1.6.4 then .prop()

Collectives™ on Stack Overflow

Select Dropdown option based on its text not value

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related