码迷,mamicode.com
首页 > Web开发 > 详细

关于控制下拉框只读的js控制

时间:2015-05-13 12:42:06      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

    文本框有readonly属性,直接设置;下拉框没有readonly属性,也不能通过其他属性进行只读的设置,下拉框只有disabled属性,但是这个属性设成true之后,值就获取不到了;

我在网上搜了一下,大部分是控制鼠标、键盘事件,来控制只读的(即:不让下拉框获取焦点)

代码如下:

<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();">
<select > 
<option>1 </option> 
<option selected>2 </option> 
</select>
</span>

 其中onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" 屏蔽了鼠标事件,

onfocus="this.blur();"屏蔽了键盘事件,onfocus="this.blur();"表示该对象将获得焦点时就让它失去焦点,按键盘的TAB键时跳过它,使下一个控件获得焦点。

 

方法二:

 其实也可以通过锁定下拉框的值,来控制(另外,顺便添加了一个灰色的背景色)

代码如下:

<script>
var hxj="field6161";
var hxj_index=document.getElementById(hxj).selectedIndex;
jQuery(document).ready(function() {
     setSelectRead(hxj,hxj_index);
});
function setSelectRead(field_r,param){
   var obj=document.getElementById(field_r);
   jQuery("#"+field_r).css("background-color","#DCDCDC");
   jQuery("#"+field_r).bind("click",function(){          
         this.selectedIndex =param;     
   }); 
)
</script>

 

 

 

   

关于控制下拉框只读的js控制

标签:

原文地址:http://www.cnblogs.com/JsonShare/p/4499852.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!