当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 关于控制下拉菜单的JS控制的代码实现

关于控制下拉菜单的JS控制的代码实现

2017年12月27日  | 移动技术网IT编程  | 我要评论

文本框有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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网