JSFiddle - React, Tailwind, and code Playground
HTML
<p></p>
<select id="sel1">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select id="sel2">
<option>1</option>
<option>2</option>
</select>
<select id="sel3">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
CSS
div {
height: 2em;
background-color: #ffa;
border-bottom: 1px solid #000;
}
p {
display: block;
line-height: 20px;
height: 30px;
}
JavaScript
$("select[id^='sel']").change(function(data){
var id = data.target.id;
var opt = data.target.value;
$("p").text(id + ":" + opt);
});