jquery 中怎么让下拉框不能选择

如题所述

举报该文章

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>å¦ä½è®¾ç½®selectä¸æç¦æ¢éæ©</title>
        <script src="../js/jquery-1.12.4.js"></script>
        <script>
            $(function(){

            });
        </script>
    </head>
    <body>
        <select id="sel">
            <option value="1">é¡¹ç®ç»ç</option>
            <option value="2">æ»ç»ç</option>
            <option value="3">ææ¯ç»ç</option>
            <option value="4">é¨é¨ç»ç</option>
        </select>
    </body>
</html>

JavaScript

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");

ææå¾ï¼

温馨提示：内容为网友见解，仅供参考

当前网址：https://aolonic.com/aa/n1n11134an3kwkwgd1.html

其他看法

第1个回答推荐于2017-09-14

不知道你要哪种效果，所以我把2种不能选择的效果都给你写在下面好了：
1、下拉按钮控件变灰不可点，根本不能显示下拉列表中的选项
2、下拉按钮可以点，但是显示选项为灰色，点击无“选中”效果
例子代码如下：注意看代码的注释
(下面代码如果你想看显示效果，记得修改jquery.js的位置)

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
//$("#aaa").attr("disabled",true); //这行十对应第一种情况
});
</script>
</head>
<body>
<p>在某个域被使用或改变时，它会改变颜色。</p>
Enter your name: <input class="field" type="text" />
<p>Car:
<select class="field" name="cars" id="aaa">
//下面这4行是对应第二种情况，靠disabled="true"来控制
<option value="volvo" disabled="true">Volvo</option>
<option value="saab" disabled="true">Saab</option>
<option value="fiat" disabled="true">Fiat</option>
<option value="audi" disabled="true">Audi</option>
</select>
</p>
</body>
</html>

不明白请追问，如果对你有帮助，记得采纳~本回答被提问者和网友采纳

第2个回答 2018-03-31

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

HTML

<!DOCTYPE html>

<html>

<head>

<title>如何设置select下拉禁止选择</title>

$(function(){ });

</script>

</head>

<body>

</select>

</body>

</html>JavaScript

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");

效果图：

本回答被网友采纳

第3个回答 2014-02-13

$('select').prop({'disabled',true});

“jquery”中怎么让下拉框不能选择?
使用jquery动态的设置下拉框不能选择可以使用jquery的attr方法给select控件添加disabled属性，由于即使是被禁止选择了，下拉框还是会显示白色，这样可能会让用户产生误解，可以再加上一个灰色的背景色，具体实现代码如下：HTML <!DOCTYPE html> 如何设置select下拉禁止选择 (function(){ }); ...

jquery清空 select下拉框里的所有选项要怎么写?
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的标签，输入jquery代码：$('select option').remove();。3、浏览器运行index.html页面，此时select下拉框中所有选项都被清空了。

用jquery如何将下拉选的值置为空?
jquery提供了val()方法设置或返回表单字段的值，因此将下拉框的某元素设为当前选中值，只需设置用val()方法设置下拉框的值即可。下面进行实例演示：1、HTML结构 1 2 3 4 5 6 7 8 9 - 请选择 - 1-关 2-赵 3-马 4-黄 5-张 2、jquery代码 (function(){ ("input[type='button']"...

如何设置jquery easyui中下拉框不可编辑
设置jqueryeasyui中下拉框不可编辑的方法：EasyUI常用控件禁用方法：1.validatebox可以用的用法:前两种适用于单个的validatebox;第三种应用于整个form里面的输入框;.$("#id").attr("readonly",true);$("#id").removeAttr("readonly");.$("#id").attr("readonly","readonly");$("#id").remo...

jquery 如何设置下拉框隐藏
box">点击按钮可以显示或隐藏下拉框：请选择一个项目我不选选就选吧设置css样式 div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}select{...

jquery mobile如何设置下拉菜单的默认选择项及option
首先第一点你要先保证你已经把option都添加上了然后才能设置默认选项否则会无效第二设置默认选项的时候要用prop来代替attr因为attr在IE上有的版本不支持

jquery给下拉框设置默认值
jquery设置下拉框的默认值可以直接使用val方法进行设置。val方法可以设置表单元素的值，不管是输入框还是下拉菜单，都是用一样的设置方法。

jquery 下拉框怎么设置默认值
没明白你要设置什么默认值，有如下几种：1、什么都不做，默认显示第一个option 2、$(selector).val(默认值)：注意要在option中此值，要不然还是选择第一个option

jquery multiselect下拉框如何置灰
置灰？是不让选的意思么？如果是某个选项无法选择就在 option里加 disabled="disabled"如果是全部不可选就在 select里加 disabled="disabled"

下面这个下拉框为什么赋值不了?
你这个下拉框应该是用的插件，插件重新构造渲染了你的select,最后生成的都是div等元素构成的，所以你再用jquery普通赋值肯定不行的，你必须要看他提供的API，如何赋值的，用插件提供的API进行赋值。

相似回答

大家正在搜