JSFiddle - React, Tailwind, and code Playground

Setting selected of a dropdown by option text, needed for postcodeanywhere

by Ben Clayton

HTML

<select name="country_id">
    <option value=225>United Kingdom</option>
    <option value=2>Albania</option>
    <option value=3>Australia</option>
</select>

<br/><br/>

<input type='text' name="country" />

<br><br>
<button id="mybut1">Set United Kingdom</button>
<br><br>
<button id="mybut2">Set Australia</button>

JavaScript

$(document).ready(function(){


    $("#mybut1").on('click',function(){
        $('[name="country"]').val('United Kingdom').trigger('change')
    });

    $("#mybut2").on('click',function(){
        $('[name="country"]').val('Australia').trigger('change')
    });

    $('input').on('change',function(){
        //alert($(this).val());
        $('[name="country_id"] option:contains("'+$(this).val()+'")').prop('selected', true);
    });

    
});