设置下拉列表的选择值基于选项值的文本而不是使用jQuery的值

Question

我希望能够将我的下拉列表中的“selected”项目设置为文本等于“None”的选项值。这里是我的下拉列表：

<select data-val="true" data-val-number="The field SecondaryFillerFk must be a number." data-val-required="The SecondaryFillerFk field is required." id="SecondaryFillerFk" name="SecondaryFillerFk"> 
    <option value="46">Lactose, Spray-Dried</option> 
    <option value="47">Microcrystalline Celluose</option> 
    <option value="48">Sodium Bicarbonate</option> 
    <option value="49">Methocel E4M</option> 
    <option value="50">Methocel K100M</option> 
    <option value="53">None</option> 
</select> 

以下的jQuery显然是行不通的，因为它寻找“无”，不存在的价值。

$('#SecondaryFillerFk').val('None'); 

问题：如何设置我的下拉列表中选择的值是选择项，其TEXT等于“无”？

Answer 1

尝试

$('#SecondaryFillerFk option:contains("None")').prop('selected', true); 

演示：Fiddle

注：如果用文字Nonexxxx另一种选择，这可能会失败，那么你就需要

$('#SecondaryFillerFk option').filter(function(){ 
    return $.trim($(this).text()) == 'None' 
}).prop('selected', true); 

演示：Fiddle