关于火狐浏览器和其他浏览器的selet兼容性问题(找了1小时，好丢人)

背景：在写修改时，回填到下拉框里，在本地调试的时候，一切正常，部署到测试时，发现了问题，由于访问测试，用火狐浏览器登录的，发现了问题；（怎么放图片啊）

在火狐浏览器中，并没有把信息回填回去；

代码：

jsp：

<select  type="text"id="city">
                    <option value="">----------请选择A类或B类-----------</option>
                        <option value="1">A城市</option>
                        <option value="2">B城市</option>
                  </select>

     js： 

$("#city").val(data.city);

寻找问题：

1.  data.city确实有值，值为2
2.  在用selet，option时，给id=city 值的value 为2 ，自然页面就显示了B城市；
3. 以为是样式问题，加了许多兼容条件。无事于补~
4. 所有的值与id都对，但是为什么页面不显示，查了好久，也百度了。

成功解决

在查到一条说是把jsp中注入的，改变执行先后顺序，有了灵感，去看了一下自己的初始化方法是否有顺序的问题，果然，改变了一下，正确了。假如有人也遇到类似问题，去看看初始化或者代码执行的顺序吧。

引发思考:

火狐的浏览器可以说眼里容不得沙子，需要开发者，更好的写出完美更有逻辑的代码，让开发者追求更高的逻辑思维。促进开发者对于自身的要求

百度与谷歌的浏览器在初始化页面时，对于顺序不像火狐浏览器的严格。从某种意义上来说，是不是在谷歌和百度浏览器多了一层的处理，才可以无视初始化顺序。对于开发者的要求并不要求更高，更平民化，从而促进软件行业的发展。

（可能并没有那么多这么多事，只是我代码写错了，哈哈~，第一次写博客，布局，排版好烂，CSDN的排版太难用，下篇注意）