使用jQuery解决IE不支持的option disable属性【转】

最新推荐文章于 2019-12-04 11:07:38 发布
最新推荐文章于 2019-12-04 11:07:38 发布
阅读量140 收藏
点赞数
文章标签： javascript xhtml ViewUI 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title> 使用jQuery解决IE不支持的option disable属性 </title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function(){ 
$(".myselect option:disabled").css('color', '#CCC'); 
$('.myselect').change(function(){ 
if(this[this.selectedIndex].disabled){ 
this.selectedIndex = this.s||0; 
     }else{ 
this.s = this.selectedIndex||0; 
     } 
}) 
}) 
</script> 
</head> 
<body> 
<h1>使用jQuery解决IE不支持的option disable属性</h1> 
普通： 
<select> 
<option>第1项</option> 
<option disabled="disabled">第2项</option> 
<option>第3项</option> 
<option disabled="disabled">第4项</option> 
<option >第5项</option> 
<option >第6项</option> 
</select> 
对比1： 
<select class="myselect"> 
<option>第1项</option> 
<option disabled="disabled">第2项</option> 
<option>第3项</option> 
<option disabled="disabled">第4项</option> 
<option >第5项</option> 
<option >第6项</option> 
</select> 
对比2： 
<select class="myselect"> 
<option>第1项</option> 
<option disabled="disabled">第2项</option> 
<option>第3项</option> 
<option disabled="disabled">第4项</option> 
<option >第5项</option> 
<option >第6项</option> 
</select> 
<p style="margin-top:200px;font-size:12px;">Dev By CssRain，当然你有兴趣，也可以封装成插件。记得发我一份哦。</p> 
</body> 
</html> 
 
  
 
  
 
  
http://www.poluoluo.com/jzxy/201110/143786.html
 
 
 


                

        

        




    




            

                    
            

    

      

        

            

              
                
                  Joe?
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
使用jQuery设置disabled属性与移除disabled属性解决select只读不能传值问题

				
			

			

				

					未曾远去
				

				

					01-04
					
					8326
					
				

			

		

		

			
				
表单中readOnly和disabled的区别：

Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。

但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将

			
		

	



                

              
                



	

		

			

				
					
IE中Option的disabled无效解决方法

				
			

			

				

					天涯 书塾
				

				

					01-31
					
					4489
					
				

			

		

		

			
				
今天在做东西的时候，想到给option项添加disabled的禁用功能，没想到竟然有属性却无效的。。。不过firefox里倒是有效，无奈，IE虽然差劲，但PC毕竟还是微软的天下。。。。还是要适应IE阿。。。网罗了一下资料，发现一个不错的脚本，那来用了下，感觉不错，基本可以跟firefox里的效果媲美了，而且代码也不多代码如下：（为了注重版权问题，这里就没把原注释删除）/**//**

			
		

	



                


  
              

                


	

		

			

				
					
IE6 7 select option设置disabled无效

				
			

			

				

					weixin_34160277的博客
				

				

					03-31
					
					185
					
				

			

		

		

			
				
系统单据的一个分类需要禁用（不是删除）,做单据的表单是用的下拉列表，马上就想到了 把那个option disabled.

   1:  function diableSelectItem(id,v){
   2:           var el = document.getElementById(id);
   3:           for(var i=0,j = el.optio...

			
		

	





	

		

			

				
					
jQuery Chosen plugin（jQuery Chosen 下拉框插件）动态设置选项option的disabled属性值方法...

				
			

			

				

					weixin_34179968的博客
				

				

					06-23
					
					295
					
				

			

		

		

			
				
1 <div>
 2     <select id="ddlList1" class="my_select_box" data-placeholder="Select Your Options">
 3     <option value="1">Option 1</option>
 4     <option value="2" ...

			
		

	



		

			
		



	

		

			

				
					
用jQuery解决IE不支持的option disable属性

				
			

			

				

					百威
				

				

					11-09
					
					346
					
				

			

		

		

			
				
[size=medium]
在IE浏览器中，给select的options设置 disable属性 是没用的。 

必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 
this.selectedIndex 就派上用场了。 
需要刷新下才可以看到效果，因为输出的都是文本，不存在js加载的情况。

[/size]

[code="java"]
 
 ...

			
		

	





	

		

			

				
					
jquery禁用select和取消禁用

					
热门推荐

				
			

			

				

					谢彬のCSDN专栏
				

				

					05-23
					
					6万+
					
				

			

		

		

			
				
$("#channelplatform").removeAttr("disabled");$("#channelplatform").attr("disabled","disabled");
添加就是attr


取消则是reomveAttr（注意A大写）

			
		

	





	

		

			

				
					
jQuery中操控hidden、disable等无值属性的方法

				
			

			

				

					01-19
				

			

		

		

			
				
一般我们在实现一些表单提交页面时会放置若干隐藏属性 比如在修改某条记录时，在编辑窗口会嵌入该记录的id 在展示界面有时需要将input或select选框设为disable以避免用户修改 下列代码中的hidden在IE中不能正常作用 ...

			
		

	





	

		

			

				
					
使用jQuery设置disabled属性与移除disabled属性

				
			

			

				

					10-25
				

			

		

		

			
				
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效，下面为大家介绍下使用jQuery设置disabled属性

			
		

	





	

		

			

				
					
使用jQuery禁用、开启select标签方法

				
			

			

				

					xinghuo0007的博客
				

				

					05-12
					
					2万+
					
				

			

		

		

			
				
知识点一：禁用思路    思路1： 直接在select标签上添加disabled="disabled"属性
    思路2： 禁用select标签就是禁用select标签中所有的option选项---给select标签中的所有option加上disabled="disabled"属性知识点二：按照思路1，写案例测试，代码如下：<!DOCTYPE html>
<html lang="en">
<hea

			
		

	





	

		

			

				
					
IE下不能disabled掉select标签的option的解决方案

				
			

			

				

					hideto
				

				

					10-11
					
					555
					
				

			

		

		

			
				
原文:[url=http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/]Select, Option, Disabled And The JavaScript Solution[/url]
今天在工作中需要用到disabled掉一些select的option，结果发现IE6...

			
		

	





	

		

			

				
					
设置select菜单禁止选择或选择无效

				
			

			

				

					Alone_in_的博客
				

				

					12-04
					
					7093
					
				

			

		

		

			
				
一、disabled属性

在select上设置disabled="disabled"，即可将下拉菜单变为只读状态，不可选择，点击也无效。


<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//...

			
		

	





	

		

			

				
					
jquery   实现select  disabled  或enable

				
			

			

				

					Deony2Jacob1314
				

				

					06-20
					
					663
					
				

			

		

		

			
				

……



$("#assignDivTime").attr("disabled","disabled");
$("#submitDivTime").attr("disabled","");

			
		

	





	

		

			

				
					
jquery实现 <select> 下的指定的<option></option> 处于禁用状态

				
			

			

				

					weixin_30664539的博客
				

				

					11-24
					
					339
					
				

			

		

		

			
				
在开发中遇到一个新的需求，要求<select>下拉菜单中指定的几个 </option> 符合条件的时候，处于禁用状态；解决房方案：只需要在哪一项加上属性 disabled="" 即可。
通过juqery来对符合条件的<option>进行遍历，进行属性设置； 
 <option value="3" id="o3" disabled="" >已...

			
		

	





	

		

			

				
					
JQuery实现IE浏览器上不支持的option disable选项

				
			

			

				

					wnzz95391511的专栏
				

				

					05-17
					
					156
					
				

			

		

		

			
				
[b]可怜的IE，不支持select 中option的disabled属性[/b]
现在要做一个级联select菜单，前一个选择最小值，后一个选择最大值，利用JS可以实现在选择最小值后，将最大值中比最小值小的元素disabled。
可惜IE不支持disable="disabled"属性。

参考URL如下：
[url]http://dennisbloete.de/tags/jquery/...

			
		

	





	

		

			

				
					
el-form表单的disable属性和input输入框的disable属性有什么区别

					
最新发布

				
			

			

				

					07-07
				

			

		

		

			
				
el-form表单的disable属性和input输入框的disable属性有一些区别。   1. el-form的disable属性是用于禁用整个表单的，当设置为true时，整个表单中的所有元素都会被禁用，包括输入框、按钮、复选框等。这个属性通常...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值