JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<select id="itemslist1" onchange="changeInfo(this)">
<option value="0">Select</option>
<option value="1">item1</option>
<option value="2">item2</option>
</select>
<select id="itemslist2" onchange="changeInfo(this)">
<option value="0">Select</option>
<option value="1">item1</option>
<option value="2">item2</option>
</select>
<br/>
Info 1:
<div id="info1"></div>
Info 2:
<div id="info2"></div>
</body>
JavaScript
function changeInfo(el) {
var info, node;
if (el.id == "itemslist1") {
info = [
"some text", // option 0
"something else", // option 1
"..." // option 2
];
node = document.getElementById('info1');
}
else if (el.id == "itemslist2") {
info = [
"second info div", // option 0
"hello world", // option 1
"Star Trek trumps Star Wars" // option 2
];
node = document.getElementById('info2');
}
else return;
var val = el.options[el.selectedIndex].value;
node.innerHTML = info[val];
}