利用浮层使select不可选的实现方法


Posted in Javascript onDecember 03, 2016

实例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<span style="position:relative">
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)"> </div>
<br />
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

</span>

缺点:需明确的知道select的位置

以上这篇利用浮层使select不可选的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
JS获取时间的方法
Jan 21 Javascript
js友好的时间返回函数
Aug 24 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
Nov 21 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
WEEX环境搭建与入门详解
Oct 16 Javascript
详细分析vue响应式原理
Jun 22 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 #Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 #Javascript
jquery 多个radio的click事件实例
Dec 03 #Javascript
jquery点击展示与隐藏更多内容
Dec 03 #Javascript
Javascript 实现放大镜效果实例详解
Dec 03 #Javascript
bootstrap模态框垂直居中效果
Dec 03 #Javascript
JS制作类似选项卡切换的年历
Dec 03 #Javascript
You might like
PHP原理之异常机制深入分析
2010/08/08 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
PHP实现的贪婪算法实例
2017/10/17 PHP
PHP后台实现微信小程序登录
2018/08/03 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
设定php简写功能的方法
2019/11/28 PHP
js模拟实现Array的sort方法
2007/12/11 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
JS delegate与live浅析
2013/12/21 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
JavaScript的React框架中的JSX语法学习入门教程
2016/03/05 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
在vue项目中使用Nprogress.js进度条的方法
2018/01/31 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
python将unicode转为str的方法
2017/06/21 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
python使用多进程的实例详解
2018/09/19 Python
Python实现一个论文下载器的过程
2021/01/18 Python
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
英国的屈臣氏:Boots博姿
2017/12/23 全球购物
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
安全生产网格化管理实施方案
2014/03/01 职场文书
家长寄语大全
2014/04/02 职场文书
党的群众路线学习材料
2014/05/16 职场文书
法人授权委托书范本
2014/09/17 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
大学生实习介绍信
2015/05/05 职场文书
600字作文之感受大自然
2019/11/27 职场文书
nginx中proxy_pass各种用法详解
2021/11/07 Servers