利用浮层使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 相关文章推荐
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
使用jquery提交form表单并自定义action的方法
May 25 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
简单实现的JQuery文本框水印插件
Jun 14 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
JS document对象简单用法完整示例
Jan 14 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
Mar 04 Javascript
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
Vue多选列表组件深入详解
Mar 02 Vue.js
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使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
PHP实现多图片上传类实例
2014/07/26 PHP
php实现简单爬虫的开发
2016/03/28 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
javascript 玩转Date对象(实例讲解)
2017/07/11 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
8个有意思的JavaScript面试题
2019/07/30 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
Python里disconnect UDP套接字的方法
2015/04/23 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
Python中文件的写入读取以及附加文字方法
2019/01/23 Python
Python小进度条显示代码
2019/03/05 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Django模板Templates使用方法详解
2019/07/19 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
物流司机岗位职责
2013/12/28 职场文书
写给爸爸的道歉信
2014/01/15 职场文书
yy生日主持词
2014/03/20 职场文书
经典演讲稿开场白
2014/08/25 职场文书
党员干部群众路线个人整改措施
2014/09/18 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
学校体育节班级口号
2015/12/25 职场文书
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技
SQL Server使用导出向导功能
2022/04/08 SQL Server