select的option异常的总结

来源：http://www.ido321.com/1189.html

昨天，在项目中碰到了option显示异常的原因，截图如下：

Firefox中用css控制之后效果



chrome和IE中css不奏效



代码：

<div class="controls">
         <select name="ksname" id="ksname">
             <?php
                 while (!!$rowDK = fetchAssoc($resultDK))
                  {
             ?>
             <optgroup label="<?php echo $rowDK['name']; ?>">
               <?php
                $resultKS = queryDB("select table_dake.id,table_keshi.sid,table_keshi.name from table_dake,table_keshi 
                          where table_dake.name='{$rowDK['name']}' and table_keshi.sid=table_dake.id");
                 while(!!$rowKS = fetchAssoc($resultKS))
                 {
               ?>
                 <option  value ="<?php echo $rowKS['name']; ?>"><?php echo $rowKS['name']; ?></option>
                 
                 <?php
                     </optgroup>
                   }
                 }
                 free($resultDK);
                 free($resultKS);
             ?>
         </select>
     </div>

调试了很久，在网上也找了方法，最终无果，只要去请教大牛了。大牛建议我去查看一下源代码，是不是样式改变了？这段代码的select部分没有任何样式，怎么会多？看了源代码之后，样式的确没有多，但是每个option后面多了一个</optgroup>.又回头看了代码，才明白，我把</optgroup>写在了内循环中，按照我的逻辑，本应该放在外循环。调整之后，一切正常。

所以，调试代码又get了一招：查看原代码

下一篇：90个IT社区等你来挑！！