TAG
JavaScript
Result
Run
License
<select name="car_type"> <optgroup label="경차"> <option value="Ray">Ray</option> <option value="Morning">Morning</option> <option value="Spark">Spark</option> </optgroup> <optgroup label="소형 SUV"> <option value="Kona">Kona</option> <option value="Niro">Niro</option> <option value="Stonic">Stonic</option> </optgroup> </select>
document.addEventListener("DOMContentLoaded", function() { const $elCarType = document.querySelector('select[name="car_type"]'); const $aAddTypes = ['Tucson','Santa fe']; let elAddOptgroup = document.createElement("optgroup"); elAddOptgroup.label = "중형 SUV"; $aAddTypes.forEach(type => { let elAddOption = document.createElement("option"); elAddOption.value = type; elAddOption.textContent = type; elAddOptgroup.append(elAddOption); }); $elCarType.append(elAddOptgroup); });
Console
expand_less
License
License
by DevDic
Close