如何设置select下拉禁止选择

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

如何设置select下拉禁止选择


1、问题背景

     设置select下拉框不能选择,利用disabled="disabled",但是颜色且显示白色,容易引起用户误解


2、问题实现

(1)只禁止

<html> <head>  <meta charset="UTF-8">  <title>如何设置select下拉禁止选择title>  <script src="../js/jquery-1.12.4.js">script>  <script>   $(function(){       });  scripthead<body>  <select id="sel" style="width: 200px; " disabled="disabled">   <option value="1">项目经理option>   <option value="2">总经理option>   <option value="3">技术经理option>   <option value="4">部门经理option>  selectbody>html>

(2)禁止且颜色为灰色

<html> <head>  <meta charset="UTF-8">  <title>如何设置select下拉禁止选择title>  <script src="../js/jquery-1.12.4.js">script>  <script>   $(function(){       });  scripthead<body>  <select id="sel" style="width: 200px; background-color: #EEEEEE;" disabled="disabled">   <option value="1">项目经理option>   <option value="2">总经理option>   <option value="3">技术经理option>   <option value="4">部门经理option>  selectbody>html>

3、问题说明

     利用disabled="disabled"和background-color进行对select下拉框设置,这样才显示被禁止操作

          

           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

这里写图片描述

你可能感兴趣的:(如何设置select下拉禁止选择)