JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<input type="radio" name="myinput" id="myinput" value="HelLO">
<input type="radio" name="myinput" id="myinput" value="GoODbye">
    
    <select>
        <option></option>
        <option>HEllo</option>
        <option>GooDbye</option>
    </select>

CSS

select {
    text-transform:uppercase
}

JavaScript

$("input:radio[name='myinput']").click(function(){
    $("select option:contains('"+$(this).val()+"')").prop("selected",true)
})

$.expr[":"].contains = $.expr.createPseudo(function(arg) {
    return function( elem ) {
        return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});