(js)禁选下拉选框数组中包含的指定字符项

nyf_unknown

于 2024-06-07 14:28:06 发布

阅读量188

点赞数 2

分类专栏： JS 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_44754635/article/details/139525956

版权

JS 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

(js)禁选下拉选框数组中包含的指定字符项

在这里插入图片描述

const targetStr = ['编号', '日期', '时间', '标注']
this.ziduanOptions.forEach((item) => {
  targetStr.forEach((ele) => {
    if (item.projectName.includes(ele)) {
      this.$set(item, 'disabled', true)
    }
  })
})

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

nyf_unknown

关注关注

2
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

后端数据还原至前端复选框

m0_62905258的博客

10-25

692

JSTL结合EL实现还原后端数据

layui 不可编辑输入框_解决layui下拉选择框只能选择不能手动输入文字

weixin_39661345的博客

12-20

1509

【无私分享：ASP&period;NET CORE 项目实战(第二章)】添加EF上下文对象，添加接口、实现类以及无处不在的依赖注入(DI)目录索引 [无私分享:ASP.NET CORE 项目实战]目录索引简介上一章,我们介绍了安装和新建控制器.视图,这一章我们来创建个数据模型,并且添加接口和实现类. 添加EF上下文对象按照我们以前 ...MyBatis特殊字符转义使用mybatis的...

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

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

12-12

原理就是循环获取网页上的控件，然后设置disabled 属性为true. 代码如下：代码如下:[removed] var nodeList = document.getElementsByTagName(“input”); for (var i = 0; i < nodeList.length; i++) { nodeList[i].disabled = true; } nodeList = document.getElementsByTagName(“select”); for (var i = 0;

下拉组件js控制的启用与禁用

ghost的博客

11-30

642

启用: $('#id').next().children('div:first').css({"cursor": "auto", "background-color": "unset", "opacity": "unset"}); $('#id').next().children('div:eq(1)').removeAttr("style"); $('#id').next().children('div:eq(1)').addClass("searchable-select-hide"); 禁用:

javaScript 中使下来框不可用

wy818的专栏

09-22

722

document.getElementById("goodsId").disabled = true;

设置select下拉框不能选择

xiaozhixians的博客

12-01

5173

只能查看不能选取设置当属性设置为disabled时，提交时，select的值无法传递，提交前移除disabled属性 disabled 设置为“false”时为禁用 <div class="span3"> <label class="label_note">公司性质:</label> <select id="baseCompanyType" name="baseCompanyType" style="width:80%

设置select下拉框不可修改的→“四”←种方法

了迹奇有没

08-31

1万+

设置select下拉框为不可修改的几种方法：因为select的特殊性，导致它不能像input表单一样简单地设置一个readonly来限制修改，所以，我们需要进行别的操作！ 1.为下拉框添加样式，可以禁用该下拉框(效果和敲地板差不多)： <select name="name" id="select" class="select" style="pointer-events: none;"></select> 2.为下拉框添加onfocus和onchange方法，可以禁用该下拉框

HsYii表单组件使用（下拉框、多选框、日期框等）

weixin_46179373的博客

07-17

832

本文提供yii组件样例代码，包括：普通文本框、文本域、下拉框、单选框、多（复）选框、日期框、上传文件/图片，以及相关使用配置与注意事项。组件前端代码均在views->testList->demo里 Widget Widget是Yii小物件。简单理解为生成HTML代码的工具。可以在views->update.php 中见到以下代码。分别开始使用小物件和终止使用小物件。一开一关。 <?php $form = $this->beginWidget('CActiveForm.

JS基础知识总结

LYONEF的博客

09-17

3224

Day01初识js 一、如何编写js 1、前端的应用：网页开发（html+css+JavaScript）、app开发、移动端开发、游戏开发、服务器开发、可视化数据开发 2、JavaScript：实现网页交互的脚本语言 3、交互：用户输入数据->程序接收并处理数据->返回处理结果《—| 4、如何编写js： 1. 通过浏览器窗口编写 2. 通过html页面中的script标签内部进行JavaScript编写 3. 通过通过script标签的src属性引入js文件二、js代码运行顺序 1

Vue学习（一）：Vue中的选项合并策略

qq_33024515的博客

02-25

5779

开端最近为了给自己充电，在腾讯课堂报了一个vue源码学习的课程，跟着课堂上的老师学习vue源码以此来增加自己对于vue的理解。这篇文章主要是记录一下自己学习vue源码时，学习到了什么，并把自己对vue源码的理解通过语音的形式给描述出来。这里并不会一字一句的解释vue中的每一句源码的意思，因为有些我自己还不解其意，但不妨碍从中学习到知识。 vue版本：2.5.1源码范围： 1.实例化vue...

如何设置select下拉禁止选择

牛栏山矿泉水

08-17

4614

如何设置select下拉禁止选择 1、问题背景设置select下拉框不能选择，利用disabled="disabled"，但是颜色且显示白色，容易引起用户误解 2、问题实现（1）只禁止 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>如何

设置select禁止下拉

米二DeFans

03-01

7192

设置select禁止下拉 disabled=”disabled”

jquery设置下拉框selected不起作用

热门推荐

caixiajia的专栏

10-24

1万+

在js中设置下拉框被选中：最初写法： //将value值为value的设为selected $("#selected").find("option[value=]+value+"]").attr("selected",true); 来回切换几次后发现selected不起作用了。上网查询原来是浏览器兼容性的问题：将写法改为以下的写法就可以了 $("#selec

JavaScript 控制select下拉框不选中

脉兜

03-18

778

JavaScript 控制select下拉框不选中 [code="js"] var obj = document.getElementById("selectObjId"); obj.selectedIndex = -1; [/code]

$(‘#‘+selectId).attr(“disabled“,“disabled“)； js设置下拉框不可编辑不起作用

可控的事情要谨慎，不可控的事情要乐观。

07-29

3393

一、问题引出 1、第一种：首先我是在下面加上disabled，是起作用的， 2、第二种：但当使用下面js控制下拉框是否可编辑时，怎么都不起作用： $('#'+selectId).attr("disabled","disabled") (selectId是下拉框的id) 二、第一种起作用的情况，F12看一下具体样式：从上图中可以发现，select下拉框上加上disabled="disabled"之后，出现了新的样式： sDisabled, 而下图中通过js代码 $(’#miji’).

html select不允许选择,设置select下拉框不能选择

weixin_29554335的博客

06-03

1万+

今天在做一个小功能的时候，需要对特定的一个select设置禁止选择，只好采用js进行控制，接下来吾爱编程为大家介绍一下设置select下拉框不能选择的方法，有需要的小伙伴可以参考一下：1、功能需求：用户在选择了对应的“新闻资讯”分类之后，后面的对应的目录，设置为不可选择的。2、思路分析：设置select下拉框不能选择，我们可以利用disabled="disabled"。3、程序代码：$("sele...

python中tkinter创建的界面中创建下拉选框