HTML标签 optgroup 【select 使用】

在 html里,optgroup这个元素对于我来说很少用到。最近在公司做项目时使用了一下，感觉不错，可以对数据进行分类。但在使用JavaScript 添加optgroup时,在IE与Firefox下分别出现了不同的Bug。为了今后再遇到这问题，发到这里作为备忘用。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>optgroup Bug</title> <script type="text/javascript"> window.onload = function (){ var selObj = document.getElementById('demo'); var optionGroupObj = document.createElement('optgroup'); optionGroupObj.label = 'optionGroup'; selObj.appendChild(optionGroupObj); var optionObj = new Option(); optionObj.value = 'optionValue'; optionObj.innerHTML = 'optionText'; optionGroupObj.appendChild(optionObj); } </script> </head> <body> <select id="demo"> <option value="-1">please select</option> </select> </body> </html>

提示：你可以先修改部分代码再运行。

转载请注明：有爱前端 » HTML标签 optgroup 【select 使用】