select2禁用选择框的方法

最新推荐文章于 2024-03-07 10:32:57 发布

摆烂上班族

最新推荐文章于 2024-03-07 10:32:57 发布

阅读量1.1k

点赞数 1

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/yearn105/article/details/126524223

版权

禁用的方式有很多种，但不同情况下不一定都能生效。这是我自己能生效的情况。

$("#comExternal").select2({ disabled: true });

其他方式可以看这篇。关于select2禁止选择的问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

摆烂上班族

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

关于select2禁止选择的问题

我的博客

03-28

1万+

最近在做的项目用到select2（非常好用的一款下拉插件），项目中由于权限问题，部分用户只能查看不能选择，因此用到了select2的禁用。也试了几种方法，但是都不起作用：第一种： $("#select").prop("disabled", true); 直接使用disabled，直接放select下方可以用，单独拿出来放在其他方法中是不起作用的。第二种（测试没效果）： $("#select...

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

12-14

复制代码代码如下: <select> <option value=””>1</option> <option value=””>2</option> <option value=””>3</option> <option value=””>4</option> <option value=””>5</option> </select> 我不想让用户可以选择 345 怎么办呢复制代码代码如下: <select> <option value=””>1</option> <option value=””>2</option> <optgroup label=”3″></optgroup>

参与评论您还未登录，请先登录后发表或查看评论

禁用select2插件有效方法

qq_45024197的博客

07-22

567

$("#select").select2(“disable”,true)；

select2插件的disabled功能详解

热门推荐

IT前端小菜

10-20

2万+

最近做项目用到了select2插件，需求中需要给下拉框设置默认值之后，禁用下拉框，我开始的写法是这样的：<select class="js-example"></select> <script type="text/javascript"> $(function(){ $(".js-example").select2(); $(".js-example").v

select2 设置不可选，编辑

zhaofuqiangmycomm的博客

12-01

4075

.li-disabled{ pointer-events:none; disabled: true; } <form:select path="usageState" class="input-large li-disabled"> <form:options items="${f...

select2() 重新渲染被禁用问题

C_hydar的博客

11-07

921

关于 select2 重新渲染后被禁用的处理

select2好用的下拉选择框

08-09

select2好用的下拉选择框 select2好用的下拉选择框 select2好用的下拉选择框 select2好用的下拉选择框 select2好用的下拉选择框 select2好用的下拉选择框

select选择框内容左右移动

04-08

2. **JavaScript操作DOM**：实现选择框内容的移动，关键在于使用JavaScript来操纵DOM（文档对象模型）。通过`document.getElementById`或`querySelector`等方法获取到`select`元素，然后可以使用`options`属性获取...

基于JQuery的Select选择框的华丽变身

10-28

然而，借助JavaScript库如jQuery，我们可以实现对select选择框的美化，使其在任何浏览器中都能呈现出更加吸引人的外观。本文将探讨如何使用jQuery插件Chosen来实现这一目标。 Chosen是一个强大的jQuery插件，它能够...

select 增加搜索框

09-18

2. **应用Chosen到select元素**：接着，你可以通过jQuery或其他JavaScript库选择`select`元素，并调用`chosen()`方法来激活`Chosen`的功能。确保在DOM加载完成后执行此操作，通常在`$(document).ready()`函数内： `...

Web页面自定义选择框Select

09-28

在网页设计中，选择框（Select）是一种常见的交互元素，用于提供用户选择多个选项的界面。然而，浏览器默认的Select样式往往不符合设计师对于网站整体视觉风格的要求，这促使很多开发者选择使用JavaScript（JS）来...

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...

解决select下拉框禁用（设置disabled属性）后台获取值为空问题

最新发布

u012709717的专栏

03-07

1537

有些场景我们不想让修改select下拉框选项，但是提交时，需要把下拉选项值传递到后台。大多数人可能第一时间想到的方法是通过设置disabled属性，但是发现值并不会传递到后台。在select标签添加style="pointer-events:none"（去除鼠标事件）即可。

select下拉选项禁用

qq_39025670的博客

08-29

4960

如果我们要实现如下效果，让下拉选项提示项“请选择”不可选实现代码为： <select> <option disabled value="">请选择</option> <option>A</option> <option>B</option> <option>C<...

bootstrap3中select2的默认值和下拉框的禁用

weixin_30270561的博客

07-23

1994

bootstrap3中select2的默认值和下拉框的禁用最近做项目用到了select2插件，需求中需要给下拉框设置默认值之后，禁用下拉框，我开始的写法是这样的 <script type="text/javascript"> $(fun...

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

Alone_in_的博客

12-04

7950

一、disabled属性在select上设置disabled="disabled"，即可将下拉菜单变为只读状态，不可选择，点击也无效。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//...

layui 禁用时间选择框_layui下select禁止点击

weixin_39954674的博客

12-18

732

layui下拉选择框select禁止点击_设置禁用_设置不可操作的实现方法直接上代码：行业类型选择行业类型IT服务制造业批发/零售生活服务layui.use('form', function(){var form = layui.form;});可以直接放到下拉选择框 select 上 (HTML)，这样默认渲染出来的效果就是这样的：...也可以用 jq 控制下拉框 select 禁用效果：l...

解决select2 disabled无效

Bloxed_shangyc的博客

12-21

1万+

粒子<input id="myinput" />//正常情况禁用input $("#myinput").attr("disabled","disabled")//或者$("#myinput").attr("disabled",true)//但是这样没有达到禁用的效果，//解决方案$("#myinput").select2("enabled",false)

关于select2

windows编程

11-27

356

1.不能在对话框上使用的解决方法 $.fn.modal.Constructor.prototype.enforceFocus = function () { }; 2、使用技巧 function formatRepo (repo) { if (repo.loading) return repo.text; var markup = '' +

elementui的select选择框的选项禁用

04-21

可以在对应的option元素上添加属性disabled来禁用选项，例如： ```html <select> <option value="1">选项1</option> <option value="2" disabled>选项2（禁用）</option> <option value="3">选项3</option> </select> ```