TAG
JavaScript
Result
Run
License
<select id="fruits" size="3"> <option value="apple">Apple</option> <option value="banana">Banana</option> <option value="carrot">Carrot</option> <option value="dewberry">Dewberry</option> <option value="eggplant">Eggplant</option> </select> <button type="button" id="btn-del">Delete to item</button>
document.addEventListener("DOMContentLoaded", () => { let elFruits = document.getElementById("fruits"); let elBtnDel = document.getElementById("btn-del"); let oldLabel = elBtnDel.textContent; elBtnDel.addEventListener("click", e => { let elCurTarget = e.currentTarget; let sIdx = elFruits.selectedIndex; if(sIdx < 0) { elCurTarget.textContent = "No select"; window.setTimeout(() => elCurTarget.textContent = oldLabel, 300); } else { elFruits.children[sIdx].remove(); } }); });
Console
expand_less
License
License
by DevDic
Close