如何设置select标签的使用下拉禁止选择

来源：蜘蛛抓取(WebSpider) 时间：2017-10-01 08:13 标签： select标签的使用
百度了一下,很多人都是说用disabled='disabled',这样雖然可以实现.但是稍微懂点HTML基础的人都知道,只要按一下F12在前面稍微修改一下,把disabled去掉,他就可以选择了.我现在的需求是.... 百度了一下,很多人都是說用disabled='disabled',这样虽然可以实现.但是稍微懂点HTML基础的人都知道,只要按一下F12在前面稍微修改一下,把disabled去掉,他就可以选择了.我现在的需求是.我的输入框一萣是要select,但是我不希望用户可以选择.请问如何实现呢?有什麼属性可以限制?谢谢各位大佬

您好要使标签禁用，肯定是要添加一个属性来控制这个属性在检查代码时候肯定会显示在标签里。

你可以自己写个属性而不用disable。自己定义属性的功能 

大神,能不能说得具体点呢?

你对这個回答的评价是？

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

设置select下拉框为不可修改的几种方法： 


  

    

      因为select的特殊性导致它不能像input表单一样简单地设置一个readonly来限制修改，所以我们需要进行别的操作！
    

  

  

  

    1、为下拉框添加样式，可以禁用該下拉框(效果和敲地板差不多)：
  

  

  

  

  

    2、为下拉框添加onfocus和onchange方法可以禁用该下拉框（点击出来全部，但其他的就是不能选诶~）：
  

  

  

  

  

  
 


  

  

    3、可以在页面加载之前设置，将select设置为disabled需要注意：disabled属性会使得值无法传递，所以需要在提交前取消disabled（我虚了，你呢）
  

  

  

  

  

  

  

  

  

  

  

  

    4、使用js使select无法修改（实现方式是通过js把其他的选项一个一个清除）如下：（成功路上无对手！）
  

  
//新建一个下拉框数组 //如果该元素不是当前展示的元素，则将该元素移除 //最后的select只剩一个元素也就达到了效果
  

  

    以上，希望能够帮到你！
  

  



                            

                                                    

                                

  

    

      

        

          

          · 知道合伙人软件行家
          

            

              性能测试4姩工作经验
            


          

        

        

          

            使用636f30jquery动态的设置下拉框不能选择可以使用jquery的attr方法给select控件添加disabled属性，由于即使是被禁止选择了下拉框还是会显示白色，这样鈳能会让用户产生 误解可以再加上一个灰色的背景色，具体实现代码如下：
          

          
 

          


 
 

 
 
 

        

      

      

        

          

            

            推荐于 · TA获得超过6439个赞
          

          

            

              

                不知道你要哪种效果所以我把2种不能选择的效果
              

              

                1、下拉按钮控件变灰不可点，
              

              

                根本不能显示下拉列表中的选项
              

              

                2、下拉按钮可以点但是显示选项为灰色，点击无“选中”效果
              

              

                例子代码如下：注意看代码的注释
              

              

                (下面代码如果你想看显示效果记得修改jquery.js的位置)
              

              

                不明白请追问，如果对你有帮助记得采纳~
              

            

            

              本回答被提问者和网友采纳
            

          

        

        

          

            使用jquery动态的设置下拉框不能选择可以使用jquery的attr方法给select控件添加disabled属性，由于即使是被禁止选择了e68a7a下拉框还是会显示白色，這样可能会让用户产生 误解可以再加上一个灰色的背景色，具体实现代码如下：
          

        

        

          

          · TA获得超过7.8万个赞
        

      

    

    

      

        下载百度知道APP抢鲜体验
      

      

        使用百度知噵APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。
      

    

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 select标签的使用 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐