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>3</option><option>4</option>
    </SELECT>
    <SELECT ID="comp_list" NAME="comp_info">
        <option>5</option><option>6</option>
    </SELECT>
</FORM>

JavaScript

form = document.doc_select;

document.getElementById('rec_list').onchange = function() {
    onChangeFunction(this.name);
};
document.getElementById('term_list').onchange = function() {
    onChangeFunction(this.name);
};
document.getElementById('comp_list').onchange = function() {
    onChangeFunction(this.name);
};

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