根据jquery / javascript中的显示值设置下拉列表的选定值

Question

有谁知道我如何根据jquery / javascript中的显示值设置下拉列表的选定值

示例：

<select id='test'>
  <option value='sgf'>One</option>
  <option value='sdf'>Two</option>
  <option value='gfr'>Three</option>
  <option value='dfg'>Four</option>
</select>

如何根据显示值将所选内容设置为值？比方说，我想在显示值为“三”时设置选中

Answer 1

$('#test option').filter(function () {
   return $(this).text() == 'Three';
})[0].selected = true;

Answer 2

$("#test option:contains(Three)").prop("selected", true)

假设单词足够独特。否则，请使用@ Box9的方法以获得更强大的功能。