从js代码生产option谈CSS流的问题!!!!!

js/jquery select 追加option后，下拉框不显示内容 [问题点数：50分，结帖人JustinQin]
https://bbs.csdn.net/topics/392316262?page=1
select 动态加载option标签出不来，麻烦大神看下是什么原因? [问题点数：100分，结帖人long_539437]
https://bbs.csdn.net/topics/392268916

首先,在这里说一下,养成一个良好的代码书写习惯是避免不必要的问题和杜绝浪费时间的最好方法.

for (var i in cityList)
{
province.options.add( new Option(i,i))
}
通过这种方法,还是append appendChild innerHtml都没问题,只要浏览器查看元素时你能看到元素被包裹,那就证明你的JS 代码没问题.

那问题出在那?这个时候你应该把问题的焦点放在你HTML页面本身

简单说,

就是你使用cSS样式浮动,绝对定位等脱离文本的定位方式,导致你的表单元素位置与本身在文本流的位置发生了变化.同时也影响了window对页面元素事件位置的焦点获取.
1> 看看你的元素时是不是被内联元素包裹,而且你的内联元素还做浮动,绝对定位,导致你也脱离了文本流
2>你是不是给元素添加了此类样式
3>你是不是给option 设置了display:none
4>看看你是不是把select 设置为 disabled 属性