使用jQuery根據選項值的文本而不是值設置下拉列表的選定值

Question

我希望能夠將下拉列表中的“選定”項設置為其文本等於“無”的選項值。 這是我的下拉列表：

<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顯然不起作用，因為它正在尋找“None”的值，它不存在。

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

問題：如何將我的下拉列表的選定值設置為TEXT等於“無”的選項？

Answer 1

嘗試

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

演示： 小提琴

注意：如果有其他選項包含文本Nonexxxx ，則可能會失敗，那么您需要

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

演示： 小提琴