使用基于文本的jQuery选择选项

Question

<select>
  <option value="something else">James</option>
  <option value="something else">John</option>
</select>

由于某些原因，我可以执行$('select').val('something else')因为value属性用于其他内容。 为了避免弄乱当前的工作内容，如何根据文本值选择元素？ 说我已经有了James和John的价值。

Answer 1

 $("select option").filter(function() { return $(this).text() == 'John'; }).prop('selected', true) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select> <option value="something else">James</option> <option value="something else">John</option> </select> 

使用.filter（）

描述：将匹配元素的集合减少为与选择器匹配或通过功能测试的元素。

Answer 2

您可以使用以下

 $("#yourdropdownid option:selected").text();

这将为您提供文字

Answer 3

$('select').find('option[value="something else"]').prop("selected", true)

Answer 4

尝试$("select :selected").text();

Answer 5

使用contains可以通过这样的文本选择选项。

小提琴演示

堆栈示例：

 $(function() { var text = "John"; $("select option:contains(" + text + ")").attr('selected', 'selected'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <select> <option value="something else">James</option> <option value="something else">John</option> </select> 

Answer 6

 var selectText = function(elem, text) { if (elem && text) { elem.find('option').each(function() { var that = $(this); if (that.text() == text) { that.attr('selected', 'selected'); } }); } } selectText($('#target'), 'John'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="target"> <option value="something else">James</option> <option value="something else">John</option> </select>