4当前位置:网页制作JavaScript教程-JS设置下拉框为只读的方法
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
视频 | 其它
4赞助商链接
4最新网页制作
·浅谈JavaScript中定义变量时有无var声明的区别
·通过Jquery获取URL参数并转码
·Javascript获取时间间隔的方法
·Javascript获取视频时长
·javascript中双感叹号(!!)作用示例介绍
·javascript:void(0)使用探讨
·JS设置下拉框为只读的方法
·JS转化毫秒为时间格式代码
·Js控制CSS切换样式表实现网页风格切换
·网页更换皮肤样式功能浅析
4热门网页制作
·网页自动适应客户端分辨率的实现
·JS网页加载进度条
·突破IE屏蔽限制弹出新窗口
·三级下拉联动链接菜单
·文本框控制字数和禁止粘贴
·33个JavaScript经典效果
·JS获取页面地址栏参数
·JavaScript去除空格的三种方法
·又一个全国省市双级联动下拉选择框
·全国省市县无刷新多级联动菜单
4相关网页制作
·UBB、剪贴板、textRange等学习代码
·修改后的prototype.js,增加进度条和验证输入框
·Javascript制作声音按钮
·JavaScript类强制弹出窗口
·JS实现的分页效果
·JavaScript获取电子邮箱用户名
·使用JavaScript去除网页空格的三种方法
·简洁实用的表单验证程序
·减轻JavaScript测试和调试负担
·JS代码的格式化和压缩
JS设置下拉框为只读的方法
类别:JavaScript教程    来源:网络    时间:2014/4/13    贴士:推荐给好友
收藏本页 8 
  在项目开发过程中我们时常会碰到要设置下拉框为只读(readonly),但是可惜的是select没有只读属性,所以需要在select外面包含一个span,通过js来改变。

  下面这段html代码是在struts2的下拉标签中加入了span标签,在页面装载的时候就让下拉框变成不可读:
<body onload="init()">
<span id="id_select">
<s:select name="sjdwmc" list="sjdxdwList" listKey="dxbh" listValue="dwmc" headerKey="" headerValue=""></s:select>
</span>
</body>[code]

  如下是js代码,在init方法中调用selectReadOnly让下拉框变成只读:
[code]/*根据页面上span的id设置select为只读/
function selectReadOnly(selectedId){
 var obj = document.getElementById(selectedId);
 obj.onmouseover = function(){
  obj.setCapture();
 }
 obj.onmouseout = function(){
  obj.releaseCapture();
 }
 obj.onfocus = function(){
  obj.blur();
 }
 obj.onbeforeactivate = function(){
  return false;
 }
}
function init(){
 selectReadOnly("id_select");
}
·上一篇:JS转化毫秒为时间格式代码
·下一篇:javascript:void(0)使用探讨
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2010 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备12017729号