• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

用JS和C#分别在前端和后端控制下拉框为只读的方法

JavaScript 水墨上仙 2882次浏览

下拉框只读此功能并不是默认的,需要手动操作下,本文介绍用JS和C#分别在前端和后端控制下拉框为只读的方法

前端JavaScript的方法

<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" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()"> 
</BODY> 
</HTML> 

asp.net&nbsp后端C#代码

this.ddlSysCategory.Attributes.Add("onfocus","this.blur();"); 
this.ddlSysCategory.Attributes.Add("onbeforeactivate","return false"); 
this.ddlSysCategory.Attributes.Add("onmouseover","this.setCapture()"); 
this.ddlSysCategory.Attributes.Add("onmouseout","this.releaseCapture()"); 


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明用JS和C#分别在前端和后端控制下拉框为只读的方法
喜欢 (0)
加载中……