下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
更新时间：2013年09月18日 17:43:11 作者：
使用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浏览器兼容性问题解决方案
相关文章
这篇文章主要介绍了jQuery简单实现MD5加密的方法,基于jquery.md5.js插件实现md5加密功能,非常简单实用,需要的朋友可以参考下2017-03-03
html、css和jquery相结合实现简单的进度条效果实例代码
这篇文章主要介绍了html、css和jquery相结合实现简单的进度条效果的实例代码，这个进度条特别简单，首先html里面的话就是一个div里面嵌套一个div，然后写好想要的样式就行了，具有一定的参考借鉴价值，感兴趣的朋友一起看看吧2016-10-10
页面上经常会有弹窗，有的弹窗是动态生成的，有的弹窗是在页面底部隐藏的，对于动态生成的弹窗，如果要监听弹窗的事件，可以使用jQuery的事件绑定on()方法实现2016-04-04
这篇文章给大家分享了一个jQuery边框动态的效果，当鼠标移动到边框区域的时候，边框会有个动态的加载动画效果，实现的效果真的非常不错，下面来一起看看吧。2016-09-09
JQuery中对Select的option项的添加、删除、取值
jQuery获取Select选择的Text和Value及添加/删除Select的Option项，在本文将为大家详细介绍下具体的实现，感兴趣的朋友可以参考下2013-08-08
本文为大家详细介绍下关于指定表格及指定列的隐藏或显示、获取表格的列数等等表格相关的使用技巧，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
这篇文章主要介绍了jQuery使用JSONP实现跨域获取数据的三种方法,结合实例形式对比分析了jsonp跨域获取数据的3种常用操作技巧,需要的朋友可以参考下2017-05-05
jquery操作复选框(checkbox)的12个小技巧总结
本篇文章主要是对jquery操作复选框(checkbox)的12个小技巧进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
下面小编就为大家带来一篇Jquery和Js获得元素标签名称的方法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
Jquery Ajax学习实例 向页面发出请求，返回XML格式数据
Jquery Ajax学习实例 向页面发出请求，返回XML格式数据的代码2010-03-03
最新评论