利用浮层使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 相关文章推荐
Tips 带三角可关闭的文字提示
Oct 06 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 Javascript
jQuery获取URL请求参数的方法
Jul 18 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
详解vue-router基本使用
Apr 18 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 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截取字符串函数分享(截取中文字符串)
2014/03/13 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
JS打印gridview实现原理及代码
2013/02/05 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
Jquery网页内滑动缓冲导航的实现代码
2015/04/05 Javascript
jQuery验证插件validation使用指南
2015/04/21 Javascript
Bootstrap插件全集
2016/07/18 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
js实现数组去重方法及效率?Ρ? target=
2017/02/14 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
使用vuepress搭建静态博客的示例代码
2019/02/14 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
Python Trie树实现字典排序
2014/03/28 Python
python简单文本处理的方法
2015/07/10 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
python 获取等间隔的数组实例
2019/07/04 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
Python 如何测试文件是否存在
2020/07/31 Python
CSS3教程(6):创建网站多列
2009/04/02 HTML / CSS
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
公共事业管理本科生求职信
2013/10/07 职场文书
编辑找工作求职信分享
2014/01/03 职场文书
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
小学生常见病防治方案
2014/06/06 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
Elasticsearch 配置详解
2022/04/19 Java/Android