select中不可选择的option

最新推荐文章于 2024-06-17 11:23:01 发布
最新推荐文章于 2024-06-17 11:23:01 发布 · 221 阅读 · 0

本文提供了一个简单的HTML代码示例，展示了如何创建一个包含不同汽车品牌的下拉选择菜单。该示例分为两个部分：B系列和C系列。
<select name= "test "> <optgroup style="font-style:normal;font-weight:bolder;color:red" label= "－－－B－－－ " > <option> 北京奔驰—戴克 </option> <option> 北京现代 </option> </optgroup> <optgroup label= "－－－C－－－ " > <option> 长安汽车 </option> <option> 长安铃木 </option> 
</optgroup>
</select> 

















                

        




    


  



    

      

        

            

              
                
                  iteye_20954
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
html option禁用选择 select禁用选项示例

				
			

			

				

					12-14
				

			

		

		

			
				
这样，用户在下拉列表中看不到3、4、5这三个选项，因为它们被隐藏在了不可选的组里。  值得注意的是，`<option>`和`<optgroup>`元素的`value`属性通常用于传递选定选项的值到服务器，但在这个例子中，所有的`value`...

			
		

	



                

            
              



	

		

			

				
					
select option带自定义图片

				
			

			

				

					09-19
				

			

		

		

			
				
`<select>`元素创建一个可选列表，用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一个选项。例如：  ```html <select id="customSelect">  <option value="option1">Option 1</option>  ...

			
		

	



              


  
              

                


	

		

			

				
					
select 下拉框不可选

					
最新发布

				
			

			

				

					csdn565973850的博客
				

				

					06-17
					
					2437
					
				

			

		

		

			
				
select下拉框设置不可选

			
		

	





	

		

			

				
					
html select不允许选择,设置select下拉框不能选择

				
			

			

				

					weixin_29554335的博客
				

				

					06-03
					
					1万+
					
				

			

		

		

			
				
今天在做一个小功能的时候，需要对特定的一个select设置禁止选择，只好采用js进行控制，接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法，有需要的小伙伴可以参考一下：1、功能需求：用户在选择了对应的“新闻资讯”分类之后，后面的对应的目录，设置为不可选择的。2、思路分析：设置select下拉框不能选择，我们可以利用disabled="disabled"。3、程序代码：$("sele...

			
		

	



		

			
		



	

		

			

				
					
设置select下拉框不能选择

					
热门推荐

				
			

			

				

					随风而逝的博客
				

				

					05-21
					
					5万+
					
				

			

		

		

			
				
设置select下拉框不能选择，利用disabled="disabled"。

			
		

	





	

		

			

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

				
			

			

				

					Alone_in_的博客
				

				

					12-04
					
					8519
					
				

			

		

		

			
				
一、disabled属性

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


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

			
		

	





	

		

			

				
					
jQuery 设置 select 无法选择（类似禁用），且可以提交

				
			

			

				

					weixin_42256765的博客
				

				

					03-20
					
					4201
					
				

			

		

		

			
				
概要
在项目开发中，一般回填页面的 select 都是为不可再次选择的，但是直接使用 disabled 属性会使 select  框无法再次提交，所以使用 css 对 select 框设置禁用选择是最好的办法。
select  禁用下拉选择
$('#xxx').attr('style','pointer-events: none;');

select  设置灰色
$('#xxx').attr('style','background-color: #EEEEEE;');

禁用且灰色
$('#xxx').a

			
		

	





	

		

			

				
					
固定宽度下拉列表select中option内容显示不全问题解决方法

				
			

			

				

					03-17
				

			

		

		

			
				
在网页设计中，`<select>`元素和其子元素`<option>`经常被用来创建下拉列表，供用户选择。然而，在某些情况下，特别是在固定宽度的`<select>`元素中，如果`<option>`的内容过长，可能会导致内容显示不全，只显示部分...

			
		

	





	

		

			

				
					
两个select之间option的互相添加操作(jquery实现)

				
			

			

				

					12-09
				

			

		

		

			
				
源list中选中的option移动到目标list中,若目标list中已存在则该option不添加. append — 源list中选中的option不会删除.源list中选中的option添加到目标list的后面,若目标list中已存在则该option不添加. isAll参数

			
		

	





	

		

			

				
					
两个类名一样的select下拉框  如何让他们不能选择同样的值？？

				
			

			

				

					qq_25543685的博客
				

				

					09-07
					
					3407
					
				

			

		

		

			
				
两个类名一样的select下拉框  如何让他们不能选择同样的值？？ (2014-06-08 10:46:31)转载▼
标签： 体育 分类： js技巧
比如两个select下拉框都有class=‘ceshi’,
操作如下：
$('.ceshi').change(function(){
       if($('.ceshi[value='+$(this).val()+']').length

			
		

	





	

		

			

				
					
如何把select选项给只读，让他不可选，但数据还是保存在下拉表中

				
			

			

				

					wind888673的专栏
				

				

					07-28
					
					3127
					
				

			

		

		

			
				
     function   deleteOption(src)       {       //   src   ：select对象       var   srcindex=eval(src.btype.selectedIndex);   //当前选中的选项       var   srclength=eval(src.btype.length);   //select对象选项长度，有几个项

			
		

	





	

		

			

				
					
select 选项 option 不可选 ,灰色,禁用

				
			

			

				

					
				

				

					09-02
					
					6067
					
				

			

		

		

			
				
<select>
  <option>正常</option>
  <option disabled="disabled">不可选</option>
  <option>正常</option>
</select>




			
		

	





	

		

			

				
					
【vue】Ant Design Vue组件中的Select 选择器实现全选/全不选功能

				
			

			

				

					weixin_46682277的博客
				

				

					07-08
					
					5464
					
				

			

		

		

			
				
因为 Ant Design Vue 组件中的 Select 是没有全选/全不选功能的，但是项目中有这个需求，而且确实方便，于是就自己简单的自定义了一下，最终实现效果如下：


			
		

	





	

		

			

				
					
jq删除select标签的某些选项(option)或者使整个select不可用不可选

				
			

			

				

					PaperVeg的博客
				

				

					07-01
					
					2175
					
				

			

		

		

			
				
心情hei差.自己看下面的代码和注释吧

		<select id="stype" name="stype">
                  <option value="1">test</option>
                  <option value="2">test2</option>
            ...

			
		

	





	

		

			

				
					
如何设置select下拉禁止选择

				
			

			

				

					jrrfgj的博客
				

				

					10-30
					
					1万+
					
				

			

		

		

			
				
分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如何设置select下

			
		

	





	

		

			

				
					
下拉框选择权限

				
			

			

				

					I_try的博客
				

				

					05-27
					
					820
					
				

			

		

		

			
				
1.下拉框某option不可选
 <select>  
        <option ... disabled selected ...>Select your option</option>  
    </select>  

2.整个下拉框
很多人都认为设置disabled="true"是为启用，设置为“false”时为禁用，这是错的。只要元素里面设置了disabled=“xxx”不管里面为什么都为禁用。
所以原生设置：
禁用下拉框--dom.setA

			
		

	





	

		

			

				
					
select2 option 设置disabled以及如何取消disabled属性

				
			

			

				

					shu580231的博客
				

				

					05-16
					
					1万+
					
				

			

		

		

			
				
select2使用不久，最近遇到一个问题，需要对某一个option设置为不可选，但是一些操作之后恢复可选状态。1.设置为不可选状态，很容易， $("#single_select option[value='b']").prop('disabled',true); $("#single_select").select2();2.取消option的disabled属性。2.1 $("#single_s...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值