关于html下拉框中optGroup标签的一个bug修复

选中optGroup后，下拉框失去焦点后selectIndex的值在此时还是0(当下拉框中有可选项时).只有在下拉框再次获得焦点并失去焦点时selectIndex的值才真正的变为-1，所以简单的在onblur判断selectIndex是不行的，所以我们需要作一个中间的处理，然后判断selectIndex，如果选中的optGroup则把selectIndex置为0.

当下拉框只有optGroup时默认是不选中任何项的，也就是空项，空项的selectIndex的也是-1，所以在这种情况下不能直接把selectIndex置为0(因为没有option项)，我不能设置为-1，那样是没有任何效果的，我们需要先向下拉框中添加一个option，把selectIndex设为0，然后再把selectIndex设为-1，再把新加的option删除，因为原则上optGroup是不能选中的，所以把selectIndex设为-1时选中的将是一个空项。

具体代码如下：

 HTML  HEAD  TITLE New Document /TITLE  /HEAD  BODY  SELECT id= sel onblur= ValidateElement(this);  optgroup label= 1111  /optgroup  /SELECT  SELECT id= sel1 onblur= ValidateElement(this);  optgroup label= 1111  option 12 /option  option 23 /option  option 34 /option  /optgroup  option aa /option  option bb /option  option cc /option  /SELECT  /BODY  /HTML  SCRIPT LANGUAGE= JavaScript  function ValidateElement(obj) var t = obj.selectedIndex; obj.selectedIndex = -1; obj.selectedIndex = t; if(obj.selectedIndex == -1) if(obj.options.length 0) obj.selectedIndex = -1; obj.selectedIndex = 0; else opt = document.createElement( option  opt.innerText =  obj.insertAdjacentElement( beforeEnd ,opt); obj.selectedIndex = 0; obj.selectedIndex = -1; obj.options[0] = null; catch(e){}//--  /SCRIPT 

以上就是关于html下拉框中optGroup标签的一个bug修复的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。