jquery 设置select2为只读

顾晓莉

已于 2024-04-30 16:40:04 修改

阅读量145

点赞数 2

文章标签： jquery

于 2024-04-29 08:50:49 首次发布

本文链接：https://blog.csdn.net/weixin_43898238/article/details/137246854

版权

本文介绍了如何在HTML页面中利用jQuery和Select2插件将多个select元素设置为只读状态，通过`.select2().attr(disabled,disabled)`方法来禁用选项选择。

摘要由CSDN通过智能技术生成

jquery 设置select2为只读

 $('#productPlanid').select2().attr("disabled","disabled");
 $('#feedingIndeviceId').select2().attr("disabled","disabled");
$('#ppGradeId').select2().attr("disabled","disabled");

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

顾晓莉

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 设置select2为只读

jquery 设置select2只读
复制链接

扫一扫

jquery 设置select checkbox radio只读

11-17

昨天网上找了很多关于设置select checkbox radio只读的，都没办法满足要求，自己写了一个

Select2的插件下载.zip

06-01

8. **禁用与读取模式**：可以轻松地禁用特定的选项或整个选择器，或者将其设置为只读，防止用户修改。 **三、使用方法** 使用Select2非常简单，首先需要在页面中引入jQuery和Select2的JavaScript及CSS文件，然后...

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

JQuery设置select控件只读

nvryy的专栏

06-09

2983

select控件是一个特别的控件，没有readOnly属性，所以要设置只读属性有点麻烦了。方法如下： $(document).ready(function(){ $("#countries").focus(function(){ $(this).attr('defaultIndex',$(this).attr('selectedIndex')); }); ...

学习如何使用javascript/jquery设置select只读不可用的属性值

徊忆羽菲

12-16

3268

学习如何使用javascript/jquery设置select只读不可用的属性值js控制select不可用## jquery控制select不可用js控制select可用## jquery控制select可用 js控制select不可用 <select name="qipa250" id="qipa250"> <option value="1">奇葩</option> <option value="2">奇葩天地网</op

select标签设置只读

weixin_30725467的博客

03-24

659

目的： select 标签只做展示，不可修改 <select id="type"></select> 添加disabled属性，可以达到不可修改的效果，但是在进行form表单提交的时候，被disabled的字段是不会被提交的。 $("#type").attr("disabled","disabled"); 添加readonly属性，对于普通...

设置disabled属性后台读不到数据如何让select支持readonly

09-28

2. **使用jQuery控制`disabled`属性**：另一种方法是通过jQuery动态地控制`disabled`属性。在页面加载时，你可以设置`disabled`为`true`，使表单元素不可用。当用户提交表单时，你可以临时将`disabled`设置为`...

用js设置下拉框为只读

03-19

在JavaScript中，设置下拉框（也称为选择框或<select>元素）为只读状态意味着用户不能更改下拉框中的选项，但仍然可以查看其内容。这种功能在某些情况下非常有用，例如展示信息或者防止非授权修改数据。下面将详细...

jQuery自定义多选下拉框效果

10-19

- 显示部分：`<div class="dropdown-display">` 是下拉框在未展开时显示的部分，包含一个`<span>`元素和一个只读的`<input>`元素，用于显示已选值和下拉图标。 - 搜索框：`<div class="dropdown-search">` 提供了...

select标签中设置只读几种解决方案

jcoiwenwfkowe的博客

05-26

215

select标签中设置只读几种解决方案

如何设置select只读不可编辑且select的值可传递

09-28

当属性设置为disabled时，提交表单时，select的值无法传递，提交前移除disabled属性就可以了

HTML中Select不用Disabled实现ReadOnly的效果

09-06

Disabled ReadOnly之家的联系

select设置只读

热门推荐

夏至的博客

06-19

4万+

select设置只读；disabled后台取不到值；select设置readonly无效

实现select标签只读的几种方法

kikumaru714的博客

02-15

4503

1、disabled属性，但是加上这个属性之后提交表单的时候select标签取不到值，所以在提交表单前需要去掉这个属性，$("#role").removeAttr("disabled"); 2、在select标签中加上onclick事件和onmousedown事件。（onclick="return false;" onmousedown="return false;"）。"return ...

设置select 框和checkbox框只读

芃蓉蓁蓁的博客

11-18

2988

readonly属性：关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），对select和checkbox不起作用。 disabled属性：这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作（包括不可修改value属性、不可修改checked状态等）。但是问题也来了，就是它也不能向后台传递数据了。如需使用可以在表单提交之前，移除这个属性 $(“#s1”).removeAttr(“disabled”); （1）设置select只读：添加onf.

设置checkbox为只读（readOnly）

非淡泊无以明志，非宁静无以致远

05-23

1038

设置checkbox为只读（readOnly）方式一： checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick=‘’return false“js里就是 checkbox.onclick=function(){return false;}; 方式...

完美的解决select只读的方法

天道酬勤

09-07

2482

完美的解决select只读的方法

select2插件的disabled功能详解

IT前端小菜

10-20

2万+

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

select标签设置readonly状态

little__stars的博客

05-13

9354

1.在html中，select标签里面没有readOnly这一属性，只有disabled 2.把select标签里面的设置为只读，只需要在标签里面加入： onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex = this.defaultIndex;" ...

Jquery获取设置radio select checkbox 文本框

09-26

576

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].sel

jquery设置select2不可改