> 웹 프론트엔드 > HTML 튜토리얼 > select的option异常的总结_html/css_WEB-ITnose

select的option异常的总结_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:54:02
원래의
1339명이 탐색했습니다.

来源: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后面多了一个.又回头看了代码,才明白,我把写在了内循环中,按照我的逻辑,本应该放在外循环。调整之后,一切正常。

所以,调试代码又get了一招:查看原代码


下一篇:90个IT社区等你来挑!!

 select的option异常的总结

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿