下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
作者：
使用jquery做了一个项目，下拉列表选择项变化时，获取选中项的文本在不同浏览器中的兼容性问题在本文将为大家介绍下
使用jquery做了一个项目，下拉列表选择项变化时，获取选中项的文本。我按如下方式写了：
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于开发环境浏览器的版本都比较高，IE10，FF23，Chrome29，测试都没问题，部署到服务器上，客户那儿有了问题，文本获取不到，仔细测试才发现，option的选中应该是selected，改成selected后，IE6、7、7、8、10、FF、chrome都没有问题了。
看来写代码还是的细心呀，高版本浏览器兼容一些属性，反而造成了程序员的懒惰，哎，没法了！
复制代码 代码如下:
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于开发环境浏览器的版本都比较高，IE10，FF23，Chrome29，测试都没问题，部署到服务器上，客户那儿有了问题，文本获取不到，仔细测试才发现，option的选中应该是selected，改成selected后，IE6、7、7、8、10、FF、chrome都没有问题了。
看来写代码还是的细心呀，高版本浏览器兼容一些属性，反而造成了程序员的懒惰，哎，没法了！
您可能感兴趣的文章:
- Angualrjs和bootstrap相结合实现数据表格table
- bootstrap table实现单击单元格可编辑功能
- Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能
- bootstrap table动态加载数据示例代码
- BootstrapTable refresh 方法使用实例简单介绍
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- BootStrap table删除指定行的注意事项(笔记整理)
- 浏览器兼容性问题大汇总
- 测试IE浏览器对JavaScript的AngularJS的兼容性
- css与javascript跨浏览器兼容性总结
- window.open()详解及浏览器兼容性问题示例探讨
- JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案