How to change selected text of DropDownList using Jquery?

Question

I have a dropdownlist having id="ddlTitle".

It contains three values as mentioned below
Mr.
Mrs.
Miss

Current selected item is Mr. I want to change the selected text to some other text of dropdownlist when page refresh.

I am using $('#' + ddlTitle + ' :selected').text(Title); where Title can be Mr. or Mrs. or Miss

There is one problem that if I use the above code, I am able to change the selected text but whatever was the selected text before, didn't appear in dropdownlist.

Example : If current selected text is Mr. then after using this code $('#' + ddlTitle + ' :selected').text('Miss'); Current selected text will become Miss but values in dropdownlist becomes as below:

Miss
Mrs.
Miss

Where as previous values were

Mr.
Mrs.
Miss

Community · Accepted Answer · 2017-05-23 11:48:50Z

4

You have answer in this thread:

How do I select an item by its text value in a dropdown using jQuery?

you can use this code for example:

$("#ddlTitle option").each(function() {
  this.selected = $(this).text() == Title;
});

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Mar 29, 2012 at 6:20

freshbm

5,6326 gold badges50 silver badges81 bronze badges

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

Collectives™ on Stack Overflow

How to change selected text of DropDownList using Jquery?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related