下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
(编辑：jimmy 日期: 2025/12/30 浏览：3 次 )
使用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都没有问题了。
看来写代码还是的细心呀，高版本浏览器兼容一些属性，反而造成了程序员的懒惰，哎，没法了！
下一篇：jquery 实现密码框的显示与隐藏示例代码