根据选项值的文本而不是使用 jQuery 的值设置下拉列表的选定值

Setting Drop Down List's selected value based on the option value's text rather than value using jQuery

本文关键字：jQuery 设置 下拉列表 选项 文本      更新时间：2023-09-26

我希望能够将下拉列表中的"选定"项设置为文本等于"无"的选项值。 这是我的下拉列表：

<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');

问：如何将下拉列表的选定值设置为文本等于"无"的选项项？

尝试

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

演示：小提琴

注意：如果还有另一个带有文本Nonexxxx的选项，则此操作可能会失败，那么您需要

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

演示：小提琴

相关文章：