JSFiddle - React, Tailwind, and code Playground

Setting selected of a dropdown by value, by option text

by Ben Clayton

HTML

<select class="myselect">
    <option value=1>Red</option>
    <option value=2>Green</option>
    <option value=3>Blue</option>
</select>

<br/><br/>
<button id="mybut1">Set Select by option text (Blue)</button><br>
<button id="mybut2">Set Select by value (2  ,Green)</button>

JavaScript

$(document).ready(function(){


    $("#mybut1").on('click',function(){
        $('.myselect option:contains("Blue")').prop('selected', true);
        //alert( $('.myselect').val() );
    });

    $("#mybut2").on('click',function(){
        $('.myselect option[value="2"]').prop('selected', true);
        //alert( $('.myselect').val() );
    });

    
});