JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<select id="client_id">
    <option>125</option>
    <option>53</option>
    <option>7</option>
</select>

<select id="client_name">
    <option>125</option>
    <option>53</option>
    <option>7</option>
</select>

JavaScript

$(function() {
    $('#client_id').change(function(){
        id = $( "#client_id option:selected" ).text();
        $("#client_name > option").each(function() {
            name = this.text;
            idFromName = name.replace(/(^\d+)(.+$)/i,'$1');
            if (id == idFromName){
              	$('#client_name').val(name);
            }
				});
    });
    
    $('#client_name').change(function(){
        name = $( "#client_name option:selected" ).text();
        idFromName = name.replace(/(^\d+)(.+$)/i,'$1');
        $("#client_id > option").each(function() {
            id = this.text;
            if (id == idFromName){
              	$('#client_id').val(idFromName);
            }
				});
    });
});