JSFiddle - React, Tailwind, and code Playground

by Maxim Gladkov

HTML

<select id="test1">
    <option value="test1-1">Test 1</option>
    <option value="test1-2">Test 2</option>
    <option value="test1-3">Test 3</option>
</select>

<select id="test2">
    <option value="test2-1">Test 1</option>
    <option value="test2-2">Test 2</option>
    <option value="test2-3">Test 3</option>
</select>

<select id="test3">
    <option value="test3-1">Test 1</option>
    <option value="test3-2">Test 2</option>
    <option value="test3-3">Test 3</option>
</select>

JavaScript

$(document).ready(function() { 
    var record = { test1: 'test1-1', test2: 'test2-3', test3: 'test3-2' };

    $('select').each(function() {
        var id = $(this).attr('id');
        $(this).find('option[selected]').removeAttr('selected');
        $(this).find('option[value='+record[id]+']').prop('selected', true);                
     });
});