下拉框模拟只读

最新推荐文章于 2024-09-16 08:47:17 发布

iteye_15245

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量67

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<TITLE>下拉框模拟只读</TITLE>
<script type="text/javascript">
//根据下拉框ID设置下拉框只读
function setReadOnly(obj_id){
var obj = document.getElementById(obj_id);
obj.onmouseover = function(){
obj.setCapture();
}
obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}
</script>
</HEAD>
<BODY>
<span id="span_select">
<select id="id_select">
<option value="1">AAAAAAAAA</option>
<option value="2">BBBBBBBBB</option>
<option value="3">CCCCCCCCC</option>
<option value="4">DDDDDDDDD</option>
</select>
</span>
<script type="text/javascript">
setReadOnly("span_select");
</script>

<select onbeforeactivate="return false" οnfοcus="this.blur()" οnmοuseοver="this.setCapture()" οnmοuseοut="this.releaseCapture()">
</BODY>
</HTML>