将select下拉框中的非默认选项均置灰

python selenium 高级应用:非select下拉框、动态id、无唯一属性定位 前言:接了人生中第一个python单子,用selenium自动化,是一个比较时新的网站,用了大量的js渲染,费了很大的力气,但我也终于发现了——任何人能够进行的浏览器操作都可以用selenium实现 1.非select类下拉框 在非select类下拉框这里遇到了两种需求,一种是可输入字符,一种是不可输入字符 1.1输入部分字符按照智能提示点选 这种下拉框允许输入字符,沟通后确定输入字符如出现多个选项则点选第一个 思路:用send_keys输入字符后会激活下拉框进行智能提示,然后用ActionChai 阅读详情

需求如下:
分公司名称下拉框中的内容是单位所有分公司名称列表。由分公司管理人员的账号登陆系统后,下拉框中的选项,除去本分公司名称外,其余选项均置灰不可选择。
使用js完成这个需求:

 //将所有非默认值的选项置灰
          function selectIt(e) {
              //borDepartment是登陆角色所属的分公司
              var borDepartment = "<%=dep%>";
              //如果角色有分公司属性的话,则只有该项为可选项
              if(borDepartment!="" && borDepartment!="null") {
                  var selectDep = e;
                  var selectI = 0;
                  for(var i=0; i<selectDep.options.length; i++) {
   //这一句将其余项置灰      
              if(selectDep.options[i].value!=borDepartment) {
                          selectDep.options[i].disabled = true;
                          //防止浏览器不兼容:将disable项手动置灰
                          selectDep.options[i].style.color="graytext";
                      }else{
                          //获取默认选项的索引号
                          selectI = i;
                      }
                  }  
                  //防止disable标签浏览器不兼容
                  //如果选中disabled项,回滚到默认值
                  if(e.options[e.selectedIndex].disabled) {e.selectedIndex = selectI;}  
              }

          }

在jsp中这样使用:

<select name="borDepartment" id="borDepartment"  onclick="selectIt(this)">

                                    <option value="福建区">福建区</option>
                                    <option value="江苏区">江苏区</option>
                                    <option value="江西区">江西区</option>
                                    <option value="安徽区">安徽区</option>
                                    <option value="贵州区">贵州区</option>
                                    <option value="湖南区">湖南区</option>
                                    <option value="云南区">云南区</option>
                                    <option value="北京区">北京区</option>
                                    <option value="四川区">四川区</option>
                                    <option value="河南区">河南区</option>
                                    <option value="广东区">广东区</option>
                                    <option value="重庆区">重庆区</option>
                                    <option value="甘肃区">甘肃区</option>
                                    <option value="广西区">广西区</option>

                                </select>
i-select 置灰实现指南 在实际应用中,需注意版本兼容性、动态绑定的正确性及样式覆盖问题,确保组件行为符合预期。实现,用于禁用整个选择器或单个选项,使其无法交互且呈现灰色不可用状态。在实际业务中,禁用状态通常需要根据其他条件动态切换(如表单验证、用户权限等)。中的变量),实现禁用状态的动态切换(如根据业务条件开启/关闭禁用)。绑定到非布尔值(如字符串、对象),否则可能导致组件行为异常。属性,绑定一个布尔值变量,控制整个选择器的禁用状态。属性,绑定一个布尔值变量,控制特定选项的禁用状态。中的变量),否则状态变化不会触发组件更新; 阅读详情

相关推荐

在非select标签下,下拉框有滚动条时的定位

前言: 刚刚看完一个小破站的爬虫系列视频,加上最近有家里人参加高考,所以萌生了想要爬取大学录取分数线的想法,想要提取相关录取分数的数据,以供后面填志愿时使用 问题描述: 1.省略亿点细节,通过selenium点击动作,以及解析网页的源代码,从学校图片信息中得到了学校的数字,再通过此数字组成目标网页的网络地址,再点击历年分数栏得到目标网页。 2.目标网页有许多下拉框,我总共要用到三个下拉框,如下图所示 这里要先定位到下拉框,没有找到select的标签,如下图所示 如何解决: 3.面对非select

wyhonor的博客 1466

select下拉框 禁止选择 并置灰

例如:这里有一个关于容器日志下载的起始时间的下拉框 css样式:.btn_disable{background-color: #C0C0C0;}灰色 <div class="searchCon "> <span>起始时间</span> <div class="timeCon"> <input type="text" id="ti...

qq_39704682的博客 1万+

自定义Select下拉框

背景 经常写Web页面的同学可能会碰到如下的诉求: 新增一个下拉框 要求做的好看一点(鼠标放上去的颜色与原生Select不同,Select背景色也要有所变化) 下拉框中的元素需要分组,分组以后最好还能有分割线以示区别 下拉框的点击按钮要使用自定义的图标 … 若是没有相关经验,拿到这种诉求可能头都要爆炸,不过当我们有过相关经验以后就会发现还真可以这么实现,而且自己做出来的Select既好玩又好看...

qq_22865115的博客 5453

select 选项 option 不可选 ,灰色,禁用

<select> <option>正常</option> <option disabled="disabled">不可选</option> <option>正常</option> </select>

6244

div+js+css模拟select并且把无效的select选项设置为灰色不可用

div+js+css模拟select并且把无效的select选项设置为灰色不可用

低功耗和UPF介绍

参考[UPF]低功耗(Low Power Design)and UPF介紹

青春易逝,愿不负昭华,期待梦与远方 1万+

下拉选框,选中某个值后,这个值置灰

我这个表格涉及到先添加组员,再进行选择,所以我在添加组员的时候,push了一个num,因为我这边的项目需要调用以前的一个页面,是layui的,所是原生js写的。情景:elementui表格有一个el-select选择框,要求某个值别选中后,将被置灰,禁止再次选择,解决方法:设置一个隐藏的实时变化的属性,或者给表格设置一个key,但是在这里我用的前一个方法。遇到的问题:不能及时将选中的值置灰,只有选择第三个时,第一个选中的才会置灰。在操作列添加了一个隐藏的num。

yingw1的博客 2697

STK12与Python联合仿真(一):环境搭建

STK仿真python接口,安装与测试

qq_42635142的博客 1万+

angularjs的select 下拉框默认选中某个选项

angularjs的select 下拉框默认选中某个选项 在网上找了很多链接,试验之后都不行。比如常见的: <select class="form-control" ng-model="gender" > <option value="man" ng-selected="true">男性</option> ...

小李的专栏 8912

VL53L1X移植到STM32实战记录,使用软件IIC(附源代码)

序言 VL53L1X是一个很小又很优秀的测距传感器,它相比于上一代VL53L0X有着不小的提升,这次毕业设计打算将这个传感器用起来,就来移植了一下,遇到的坑怎么说还是有一些,故在此分享给大家。 开发环境 IDE:Keil V5 STM32CubeMX ,使用HAL库 具体操作 获取官方库并进行移植 这一步是移植的基础,首先从官方把API库下下来,并添加到IDE中: 适配硬件 这里由于不同的硬件平...

wmdscjhdpy的博客 1万+

实战指南:基于ELK与Grafana构建天融信防火墙日志可视化看板

本文详细介绍了如何基于ELK与Grafana构建天融信防火墙日志可视化看板,包括环境准备、日志收集与解析配置、Elasticsearch存储优化、Grafana看板设计等关键步骤。通过实战案例和优化技巧,帮助用户高效处理天融信防火墙日志,实现安全态势的可视化监控与分析。

weixin_34246529的博客 226

Vue中select下拉框的默认选中项的三种情况

Vue中select下拉框的那些事儿 在Vue中 使用select下拉框 主要靠的是 v-model 来绑定选项 option 的 value 值 关于下拉框的默认选中值 select下拉框在界面的展示,我们都希望看到框中有一个值 而不是空白,比如显示 “请选择” 或者 “全部” 的默认值,我们直接上代码: <div id="app"> <select name="...

summer 4万+

PX4|Gazebo模型加载失败排查指南:从环境变量到资源路径的全面解析

本文针对PX4与Gazebo联合仿真中常见的'Unable to get model name'错误,提供了从环境变量配置、资源路径排查到网络访问问题的全面解决方案。详细解析了GZ_SIM_RESOURCE_PATH等关键变量的作用与设置方法,并给出了离线模型库部署等一劳永逸的修复指南,帮助开发者彻底解决无人机模型加载失败问题。

weixin_29243063的博客 1230

jquery 将下拉框重置_select下拉框之默认选项清空

最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢?思路:1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除。2.当没有选中下拉框的信息时,让默认提示信息添加到下拉框的第一个选项上。标准select下拉框请选择javajavaScriptvuebootStrapspringMvc$(function () {$("#skil...

weixin_36080584的博客 5028

【R】R画图不显示中文问题

系统mac os 11 RstutioVersion1.2.1335 RVersion3.6.2 画图里的中文一直显示成方框。 ggplot()+geom_point(aes(x=ta1$X2011年,y=ta1$X2012))+ xlab("2011年")+ylab("2021年") 解决方案: 使用showtext。 install.packages("showtext", repos = "https://mirrors.ustc.edu.cn/CRAN/") in...

weixin_41772125的博客 1万+

爬虫逆向:Hook 技术原理与实战

Hook 技术​(钩子技术)是一种通过拦截和修改程序执行流程的技术手段。它允许开发者在目标程序的特定位置插入自定义代码,以改变程序的默认行为或获取运行时信息。Hook 技术广泛应用于调试、逆向工程、性能分析、安全防护等领域。Hook 技术在爬虫逆向中非常有用,能够有效获取和修改目标程序的数据。通过合理使用 Hook 工具和技术,可以显著提升爬虫的效率和成功率。但使用时需注意法律和道德问题,确保行为合规。

数据知道的博客 1万+

JS——设置select默认值,及隐藏下拉框选项

实现功能大概是这样:(页面有点槽,该引的都没引,将就看吧.........) 先说默认值 这是页面选框 <td>@*<input type="text" name="level">*@ <select name="level" id="level"> <option value="">——请选择等级——</option> ...

Lazyinit的博客 1万+

智能驾驶辅助系统(ADAS)全解析:功能详解 + 技术原理 + 实战案例

智能驾驶辅助系统(ADAS)是现代汽车技术的重要组成部分,旨在提升驾驶安全性和便利性。本文详细解析了ADAS的多个功能模块,包括自适应巡航控制(ACC)、车道偏离预警/车道保持辅助(LDW/LKA)、前向碰撞预警/自动紧急制动(FCW/AEB)、盲区检测/变道辅助(BSD/BSM)、倒车影像、自动泊车辅助(APA)、交通标志识别(TSR)、自动远光控制(AHB)、后方交叉来车预警(RCTA)和驾驶员疲劳监测。每个功能模块都基于特定的技术原理,如毫米波雷达、摄像头、传感器融合和深度学习算法,以实现对车辆周围环

weixin_43199439的博客 2103

vue elementUI select下拉框设置默认值

elementUI select下拉框设置默认值 要为select下拉框设定默认值,只需要把 v-model 绑定的值和你想要选中 option 的 value 值设置一样即可。 <el-select v-model="valuetype" @change="changetype"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">

qq_41968486的博客 6万+

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

如何设置HTML select下拉框的默认值?

HTML中的select标签用于创建可选择选项的下拉列表;option标签包含选定时将使用的值。那么如何来设置select下拉框里的默认值?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。 我们可以在所需选项上使用“selected”属性来设置select元素的默认值,这是一个布尔属性。 默认情况下,具有“selected”属性的option标签将显示在下拉列表select标签中。 ...

qq_37117258的博客 6万+

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

select下拉框的默认选项颜色为灰色,选中项颜色为黑色。

标题select下拉框的默认选项颜色为灰色,选中项颜色为黑色。 通常情况下下拉框都会有一个默认选项“请选择”,在项目中一般会设置该默认选项的颜色与选中的项不同,一般会设置默认选项颜色为灰色,选中项颜色为黑色来增加用户体验。 var unSelected = "#999"; var selected = "#333"; $(function () { $("s...

在希 5238

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

select下拉框之默认选中问题

请选择   ${item2.pstcd}   如上: 请选择,注意value=""里的空值或许要空格或不要空格,看情况决定。

飞火龙在天的博客 8175

selenium爬虫select下拉框的选项

我要收集的数据是这个网站:农产品类型和产品名称 图1 虽然是二级下拉框,但是跟一个下拉框的情况是一样的。 讲在前面         这个网页一进来会有一个提示:alert("输入验证码!") 这个在selenium面前还是比较好办的,代码如下: # 源网址 url="http://nc.mofcom.gov.cn/channel/jghq2017/price_list.shtml" driver = webdriver.Chr

weixin_43342341的博客 1537

select下拉框默认option为灰色,选中option颜色为白色

select下拉框默认option为灰色,选中option颜色为白色 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <scrip...

祈澈菇凉 1万+

关于Select下拉框中的"全部"选项,怎样通过默认选中"全部"查询所有数据

今天解决了一个问题,就是,当你在下拉框中通过选中"全部",来查询所有数据。 怎么解决呢? 通常情况下,我们都是通过select下拉框中的一个值来查询某一条数据,比如 &lt;select&gt; &lt;option value ="1"&gt;Volvo&lt;/option&gt; &lt;option value ="2"&gt;Saab&lt;/opt

此人很懒,什么也没有留下~ 7190
上一篇: query must begin with SELECT or FROM: delete
下一篇: 删除svn check out的文件
may夏至未至
博客等级 码龄11年 93粉丝 118原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值