使用jquery按文本设置下拉值

Question

我有一个下拉列表:

<select id="HowYouKnow" >
  <option value="1">FRIEND</option>
  <option value="2">GOOGLE</option>
  <option value="3">AGENT</option></select>

在上面的下拉列表中,我知道下拉列表的文本.如何使用jquery使用文本设置document.ready中下拉列表的值？

Answer 1

这是一种基于选项文本而不是索引的方法.刚刚测试过

var theText = "GOOGLE";
$("#HowYouKnow option:contains(" + theText + ")").attr('selected', 'selected');

或者,如果有相似的值(感谢shanabus):

$("#HowYouKnow option").each(function() {
  if($(this).text() == theText) {
    $(this).attr('selected', 'selected');            
  }                        
});

Answer 2

对于完全匹配使用

    $("#HowYouKnow option").filter(function(index) { return $(this).text() === "GOOGLE"; }).attr('selected', 'selected');

contains将选择最后一个可能不准确的匹配.

Answer 3

$("#HowYouKnow option[value='" + theText + "']").attr('selected', 'selected'); // added single quotes