下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
使用jquery做了一个项目,下拉列表选择项变化时,获取选中项的文本。我按如下方式写了:
代码如下:
$("#rd").change(function () {
$("#name").val($("#rd").find("option:checked").text());
});
由于开发环境浏览器的版本都比较高,IE10,FF23,Chrome29,测试都没问题,部署到服务器上,客户那儿有了问题,文本获取不到,仔细测试才发现,option的选中应该是selected,改成selected后,IE6、7、7、8、10、FF、chrome都没有问题了。
看来写代码还是的细心呀,高版本浏览器兼容一些属性,反而造成了程序员的懒惰,哎,没法了!
相关推荐
-
bootstrap table实现单击单元格可编辑功能
要使bootstrap-table实现可编辑,需要配合使用x-editable插件. 先在页面上导入必要的css和js文件 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
-
测试IE浏览器对JavaScript的AngularJS的兼容性
短版本 为确保Angular应用在IE上能够工作请确认: 1. 在IE7或更早的版本上polyfill JSON.stringify.你可以使用JSON2或JSON3来polyfills. <!doctype html> <html xmlns:ng="http://angularjs.org"> <head> <!--[if lte IE 7]> <script src="/path/to/json2.js"&
-
浏览器兼容性问题大汇总
JavaScript 1.HTML对象获取问题 FireFox:document.getElementById("idName"); ie:document.idname或者document.getElementById("idName"). 解决办法:统一使用document.getElementById("idName"); 2.const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量; IE下,只能使用var
-
window.open()详解及浏览器兼容性问题示例探讨
一.基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口名字 parameters 为窗口参数(各参数用逗号分隔) 二.示例 复制代码 代码如下: <script type="text/javascript"> window.open('page.html','newwindow','height=500,width=800,top=0,left=0, toolbar=no,menub
-
css与javascript跨浏览器兼容性总结
本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题.分享给大家供大家参考.具体总结如下: 一.CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因.如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV.解决办法: 1) 给父DIV也设上float 2) 在
-
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
前言:最近项目里面需要用到表格的冻结列功能,所谓"冻结列",就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章. 一.起因回顾 最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前面几列固定.也就是所谓的excel的冻结列功能.该如何实现呢?不用多说,当然是查文档,于是找到了这篇h
-
BootstrapTable refresh 方法使用实例简单介绍
本文就bootstrapTable refresh 方法如何传递参数做简单举例说明.下面代码中,一个table,一个button,单击button会触发刷新表格操作. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="../libs/bootstrap
-
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
最终实现效果: index.html <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animat
-
Angualrjs和bootstrap相结合实现数据表格table
AngularJS的数据表格 需要使用angualarjs.bootstrap.dirPagination.js 效果图: 1.html部分 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app"> <head> <meta http-equiv="Content-Type" content="te
-
BootStrap table删除指定行的注意事项(笔记整理)
这里一定要做一个笔记,这个问题花了好几个小时,问题虽小,但是从中获得一定经验. 问题:对于table指定行的数据进行删除,仅仅是前端实现! 方法有两种: 1.使用官方文档的数据(反正我试了2个小时都不行,如有大神请指导下):使用events和operate相结合的方式 2.不使用events,在formatter里面定义事件的实现. 上面的例子只是一个细节点,bootstrap-table是一个基于Bootstrap的jQuery插件,可以实现从数据库中提取数据到前端进行相应操作的功能,很好用!
-
bootstrap table动态加载数据示例代码
我最近在研究bootstrap的学习路上,那么今天也算个学习笔记吧! 效果如下: 点击选择按钮,弹出模态框,加载出关键词列表 TABLE样式: <div class="modal fade " id="ClickModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" &
-
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
异步请求 var postData = { "env_name" : new_env_name, "env_url": new_env_url, "env_desc" : new_env_desc }; $.ajax({ type: 'POST', url : '/test_env_add/', data : postData, dataType : 'json', success : function(data){ $('#table_test
随机推荐
- java实现归并排序算法
- java生成申请单序列号的实现方法
- 基于Entity Framework自定义分页效果
- 在Javascript类中使用setTimeout第1/2页
- ASP.NET Core发送邮件的方法
- 建立动态的WML站点(三)
- php实现mysql数据库备份类
- 在Python中执行系统命令的方法示例详解
- Android控件系列之Button以及Android监听器使用介绍
- linux下 root 登录 MySQL 报错的问题
- javascript 缓冲效果实现代码 推荐
- 百度贴吧上传图片方式附件利器
- PHP使用mysqli操作MySQL数据库的简单方法
- jQuery条件分页 代替离线查询(附代码)
- JavaScript全局函数使用简单说明
- Android广播接收机制详细介绍(附短信接收实现)
- python实现读取并显示图片的两种方法
- Vuex新手的理解与使用详解
- Django 在iframe里跳转顶层url的例子
- 利用C#守护Python进程的方法