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

Question

I want to be able to set the "selected" item in my drop down list to be the option value whose text equals "None". Here's my drop down list:

<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>

The following jQuery obviously does not work, because it's looking for the value of "None", which doesn't exist.

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

QUESTION: How can I set the selected value of my drop down list to be the option item whose TEXT is equal to "None"?

Arun P Johny · Accepted Answer · 2013-10-30 00:35:41Z

3

Try

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

Demo: Fiddle

Note: This may fail if there is another option with text Nonexxxx, then you need

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

Demo: Fiddle

answered Oct 30, 2013 at 0:35

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related