jquery - 如何使用 Jquery 更改 DropDownList 的选定文本？

Question

我有一个包含 id="ddlTitle" 的下拉列表。

它包含三个值，如下所述
先生
夫人
小姐

当前选择的项目是 Mr.我想在页面刷新时将所选文本更改为下拉列表的其他文本。

我正在使用 $('#' + ddlTitle + ' :selected').text(Title);其中头衔可以是先生或夫人或小姐

有一个问题，如果我使用上面的代码，我可以更改选定的文本，但无论之前选定的文本是什么，都不会出现在下拉列表。

示例:如果当前选定的文本是 Mr.，则使用此代码后 $('#' + ddlTitle + ' :selected').text('Miss'); 当前选定的文本将变为 Miss 但下拉列表中的值变为如下:

小姐
夫人
小姐

之前的值是

先生
夫人
小姐

Answer 1

您在此线程中有答案:

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

您可以使用以下代码:

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