JSFiddle - React, Tailwind, and code Playground
HTML
<div id='myDiv'>
<select name="name1">
<option value="1.1">1.1</option>
<option value="1.2">1.2</option>
</select>
<select name="name2">
<option value="2.1">2.10</option>
<option value="2.2">2.2</option>
</select>
</div>
JavaScript
function changeHandler(el) {
console.log(el.name + " " + el.options[el.selectedIndex].value);
//query to server code
}
document.getElementById("myDiv").onchange = function(e) {
var ev = e || window.event,
target = ev.srcElement || ev.target;
if(target.tagName.toLowerCase()==="select") {
changeHandler(target);
}
};