TAG
CSS
JavaScript
Result
Run
License
<select id="ids"> <option>select id</option> <option value="bus">Bus</option> <option value="train">Train</option> <option value="airplane">Airplane</option> </select> <ul class="list"> <li id="bus">Bus</li> <li id="train">Train</li> <li id="airplane">Airplane</li> </ul>
.selected { background-color: yellow; }
window.addEventListener("load", () => { const elIds = document.getElementById("ids"); elIds.addEventListener("change", e => { let elCur = document.getElementById(e.currentTarget.value); elCur.classList.add("selected"); setTimeout(() => elCur.classList.remove("selected"), 1000); }); });
Console
expand_less
License
License
by DevDic
Close