JSFiddle - React, Tailwind, and code Playground

HTML

<FORM NAME="doc_select">
    <SELECT ID="rec_list"  NAME="rec_info"> 
        <option>1</option><option>2</option> 
    </SELECT>
    <SELECT ID="term_list" NAME="term_info">
        <option>1</option><option>2</option>
    </SELECT>
    <SELECT ID="comp_list" NAME="comp_info">
        <option>1</option><option>2</option>
    </SELECT>
</FORM>

JavaScript

form = document.doc_select;

document.getElementById('rec_list').onchange = function() {
    n = this.name;

    var info = form.elements[n].value;
    console.log('name: ' + n);
    console.log('info: ' + info);
};