JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" id="search-form">
    <select id="pays" >
        <option value="France-Europe">France</option>
        <option value="Allemagne-Europe">Allemagne</option>
        <option value="Brésil-Amérique">Brésil</option>
        <option value="Chine-Asie">Chine</option>
    </select>
    <select id="continent">
        <option value="Europe">Europe</option>
        <option value="Amérique">Amérique</option>
        <option value="Asie">Asie</option>
    </select>
</form>

JavaScript

$(function () {

    $('#pays').on('change', function () {
        selpays = $(this).val().split('-')[1]
        $('#continent').val(selpays)
    })
})