-
select2 option 设置disabled以及如何取消disabled属性
2018-05-16 17:37:58select2使用不久,最近遇到一个问题,需要对某一个option设置为不可选,但是一些操作之后恢复可选状态。1.设置为不可选状态,很容易, $("...2.取消option的disabled属性。2.1 $("#single_s...select2使用不久,最近遇到一个问题,需要对某一个option设置为不可选,但是一些操作之后恢复可选状态。
1.设置为不可选状态,很容易,
$("#single_select option[value='b']").prop('disabled',true);
$("#single_select").select2();
2.取消option的disabled属性。
2.1 $("#single_select option[value='b']").prop('disabled',false);
2.2$("#single_select option[value='b']").removeProp('disabled');
$("#single_select").select2();
但是这样只能给option设置disabled,,取消disabled并没有生效。
解决方法:
每次更改了option的disabled属性时候,都需要再次调用该元素的select2()。
-
Web开发问题:Bootstrap-select如何实现单选取消
2019-12-19 13:15:09使用bootstrap-select的时候,发现他的单选一但被选中了就不能取消,你必须要选一个。就很过分!!! 解决方法: 我第一个想到的是使用它的multiple属性。确实可以取消选择,但是他的多选功能又不是我想要的,于是我...问题描述:
使用bootstrap-select的时候,发现他的单选一但被选中了就不能取消,你必须要选一个。就很过分!!!
解决方法:
我第一个想到的是使用它的multiple属性。确实可以取消选择,但是他的多选功能又不是我想要的,于是我又想,能不能限制他的可选个数呢。果然有,代码如下:
<select id="rolesele" class="form-control selectpicker" multiple data-max-options="1"> <option value="User">User</option> <option value="Admin">Admin</option> </select>
data-max-options="n"
可以设置multiple的可选个数。 -
vue如何取消下拉框按回车自动下拉_Web自动化测试 | Select下拉框
2020-12-12 13:01:16简介在web自动化测试中,经常会遇到下拉框,对列出的选项进行选择,或者判断选择的选项,本文将介绍如何使用Selenium去操作下拉框,实现自动化测试。测试页面测试URL:...简介
在web自动化测试中,经常会遇到下拉框,对列出的选项进行选择,或者判断选择的选项,本文将介绍如何使用Selenium去操作下拉框,实现自动化测试。
测试页面
测试URL:http://sahitest.com/demo/selectTest.htm
Select方法
使用WebElement类的send_keys(value)方法也可以选择下拉框(select标签)的值,但它只能使用选项的value值来定位:
self.driver.get("http://sahitest.com/demo/selectTest.htm")ele = self.driver.find_element_by_id('s3Id')print(ele.text) # 打印select所有选项值ele.send_keys("o2val") # 选择value=o2val 的选项print(ele.get_attribute("value")) # 打印所选择的value值
结果:
o1o2o3 With spaces With nbspo2val
select类所有方法:
select_by_index(index):通过选项index选择
select_by_value(value):通过选项value值选择
select_by_visible_text(text):过显示的文本选择
deselect_by_index(index):取消选择,用于多选
deselect_by_value(value):取消选择,用于多选
deselect_by_visible_text(text):取消选择,用于多选
deselect_all():全部取消,用于多选
options:所有选项
first_selected_option:第一个选择的选项(多选情况下)或者当前选择的选项(单选)
all_selected_options:所有已经选择的选项
选择
select_by_index、select_by_value、select_by_visible_text三种方法选择
first_selected_option.text返回当前所选择的选项值
self.driver.get("http://sahitest.com/demo/selectTest.htm")ele = self.driver.find_element_by_id('s3Id')selected_element = Select(ele) # 实例化Selectselected_element.select_by_index(1)# for select in selected_element.all_selected_options:# print(select.text)print(selected_element.first_selected_option.text) # 打印当前选择的选项值sleep(1)selected_element.select_by_value("o2val")print(selected_element.first_selected_option.text)sleep(1)selected_element.select_by_visible_text("o3")print(selected_element.first_selected_option.text)sleep(1)
结果:
o1 o2 o3
取消选择
取消选择deselect不能用于下拉框选择,只能用于多选,即属性multiple="multiple"的select标签。
取消选择有deselect_by_index、deselect_by_value、deselect_by_visible_text、deselect_all四种方法
all_selected_options返回所有已选择的选项
self.driver.get("http://sahitest.com/demo/selectTest.htm")## 多选ele2 = self.driver.find_element_by_id('s4Id')selected_element2 = Select(ele2) # 实例化Selectselected_element2.select_by_index(1)selected_element2.select_by_index(2)selected_element2.select_by_index(3)print("######")for select in selected_element2.all_selected_options: print(select.text)print("######")selected_element2.deselect_by_index(1)for select in selected_element2.all_selected_options: print(select.text)print("######")selected_element2.deselect_by_value("o2val")for select in selected_element2.all_selected_options: print(select.text)print("######")selected_element2.deselect_by_visible_text("o3")for select in selected_element2.all_selected_options: print(select.text)
结果:
######o1o2o3######o2o3######o3######
-
ionic4 select 去掉确定取消按钮_如何设计好按钮
2020-12-06 01:41:29确定与取消按钮是放在右边还是左边4.按钮应加上相应的操作反馈5.按钮应该有合理的尺寸6.大多数用户熟悉的按钮样式7.按钮的4种交互状态1、前言按钮是UI界面中一个重要的交互元素也是图形化界面中,最早出现,也是最为...第一章:设计语言-按钮
1.前言
2.按钮应放在用户预期希望看到的地方
3.确定与取消按钮是放在右边还是左边
4.按钮应加上相应的操作反馈
5.按钮应该有合理的尺寸
6.大多数用户熟悉的按钮样式
7.按钮的4种交互状态
1、前言
按钮是UI界面中一个重要的交互元素也是图形化界面中,最早出现,也是最为常见的一种交互对象,在今天的文章中,我们将会回顾一下按钮设计的几个细节希望能够在设计的时候帮到你。
2、按钮应放在用户预期希望看到的地方
用户对于页面交互其实也是有着基本的感知和期望的,也就是说用户对按钮的位置也有个基本的认知,不要让用户到处找按钮,它最好在用户所期望的位置出现。在我们设计中尽量使用传统的布局和标准的UI模式所谓传统的布局就是贴合符合用户以前已有使用经验的布局,用户在浏览使用时对于这样的UI布局有着明确的预期,在对的位置看到了对的按钮,整体也更加容易理解,自然也就可以更加轻松和界面进行人机交互了
3、确定与取消按钮是放在右边还是左边?
个人认为我们应当根据具体的场景具体分析,这个问题其实国内外也有很多专家做出实验分析,但都没有得出具体结果如果非常感兴趣的话可以查找相应文献查询在我的印象中ios苹果系统确定按钮是放在右边的取消按钮则是放在左边但微软恰恰相反
我觉得系统规则可能影响更大,比如中国人用筷子,西方人用刀叉,要证明筷子和刀叉哪个更加适合人类本能,怎么设计实验来验证,恐怕唯一的实验对象只能是还没学会用餐的小孩,因为在每个人已经被环境同化的情况下,本能的影响已经微乎其微了,而就算真的证明筷子和刀叉哪个更符合人类本能又能怎样呢?也不可能因为那一点微小的学习成本就让全视角废弃任何一种餐具,思考到这里,恐怕只有顺应大环境,符合用户使用习惯才是最好的产品,所以我们平时在设计中按照自已的业务平台来确定按钮即可。
4、按钮应加上相应的操作反馈标签
当按钮的操作反馈标签如果写的太过广泛模糊的话可能会让用户感到迷惑,每个标签上的文本标签都应该尽量准确,简单直接的介绍清楚它的真实功能呢。例如用户不小心触发了一个删除按钮,现在你看到了下面的提升信息:
在这个界面中 ok 是一个相当模糊的表述,并没有说明按钮的作用。不论是确定或取消都没有说清楚这个操作的真实的含义,尤其当删除是一个非常危险的操作,你不确定当你点击之后会丢失什么,如果是数据库中的数据那就后果非常严重,因此这个操作就需要更加精准的表述了所以这个地方稍作修改改为删除和取消更合适,而删除就用红色区分标识,让用户意识到这个操作的重要性或者独特性。
5、按钮应该有合理的尺寸
重要的按钮在视觉上就应该体现他的重要性,在设计中我们要始终让主要的按钮更加的突出,增加它的尺寸,并且使用高对比度的色彩来吸引用户的注意力。
在设计中我们通常会保持页面统一的风格,比如统一的圆角,统一的按钮风格在网页和后台系统中我们通常使用的按钮尺寸为24px、32px、40px、48px都是4的倍数,数与数之间也是+-8的关系,另外在绘制按钮的尺寸
注意平方,留出按钮上下均等的距离,另外这几个数值从web端的体验上来看,比例也是相对更合适的,所以通常会采用这几个较为规范的数值。
6、大多数用户熟悉的按钮样式
7、按钮的4种交互状态(默认状态、hover状态、点击后状态、禁止状态)
谢谢阅读感谢支持
最后,在结尾我想说这些按钮的绘制看似简单的不得了,其实都是些高精度的工作,差一个像素点都不可以,当然更需要具备一定的毅力与耐心。我觉得做设计应该追求极致,重视体验和功能,让形式追随内容,而不是内容追随形式,就这样吧。受益于罗兄的印象从今往后我也会定期更新自已在设计中的所思所感。
记得点个赞哦
-
如何取消鼠标默认选中
2017-06-12 00:52:59这是我做计算器时,取消鼠标双击或选中文档时写的css代码(可兼容谷歌,火狐,欧朋等浏览器): *{ margin:0; padding:0; -webkit-user-select:none; /* Safari 和 Chrome */ -moz-user-select:none; /* 老 的 Fire... -
mysql怎么取消授权_如何取消mysql授权并删除用户
2021-02-08 09:04:16如何查看授权的所有用户SELECT DISTINCT CONCAT(‘User: ‘‘‘,user,‘‘‘@‘‘‘,host,‘‘‘;‘) AS query FROM mysql.user;撤销已经赋予给 MySQL 用户权限的权限。revoke 跟 grant 的语法差不多,只需要把... -
[css] 如何取消页面中选中的文字?
2021-01-16 22:06:34[css] 如何取消页面中选中的文字? user-select: none; /* browser-specific values */ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; 个人简介 我是歌谣,欢迎和大家一起交流前后端... -
Oracle用户连续登录失败次数限制如何取消
2020-12-16 01:13:11要取消用户连续登录失败次数的限制可以按照以下方法操作: 1. 输入以下命令,查看“FAILED_LOGIN_ATTEMPTS”的值: SQL> select * from dba_profiles s where s.profile=’DEFAULT’ and resource_name=’FAILED_... -
oracle取消限制远程登录_Oracle密码过期如何取消密码180天限制及密码180天过期
2021-01-23 17:47:25概述当Oracle密码过期,如何取消密码180天限制及密码180天过期?下面介绍下操作步骤。取消密码180天限制步骤1、进入sqlplus模式sqlplus / as sysdba;2、查看用户密码的有效期设置(一般默认的配置文件是DEFAULT)... -
如何取消mysql授权并删除用户
2017-10-14 18:55:00如何查看授权的所有用户SELECT DISTINCT CONCAT('User: ''',user,'''@''',host,''';') AS query FROM mysql.user;撤销已经赋予给 MySQL 用户权限的权限。revoke 跟 grant 的语法差不多,只需要把关键字 “to” 换成 ... -
nodejs如何取消与oracle的连接
2016-07-19 09:15:02var sql="SELECT AREAID,WINDDIRECTION,WINDSPEED,WAVEDIRECTION,WAVEHEIGHT FROM TBFORECASTCONTENTS WHERE PERIOD="+period+ "AND PUBLISHDATE="+toDate(publishDate); oracledb.getConnection( { user:"NODE... -
如何取消选择easyui-combogrid的下拉数据
2017-07-13 15:09:09div style="height: 50px;line-height: 50px;"> label style="width: 135px">取消数据希腊表格的选中项... input id="select" name="select" editable="false" class="easyui-combogrid" style="width:200px" data-op -
OrderSelect() 如何选择单子
2018-02-18 15:57:08bool OrderSelect(int index, int select, void pool)此函数用于选择订单。如果函数选择成功,返回的值为TRUE;...如果平仓时间不为0,则为历史中的 已平仓单或已取消的挂单 bool OrderSelect( int index,... -
ionic4 select 去掉确定取消按钮_word文档中的水印如何去掉,有三种方法,你最喜欢哪种?...
2020-12-25 21:20:18我们经常发现一些文档中有水印,有时需要将这个水印删除,有些小伙伴就不知道如何去掉,今天,飞云老师教大家三种方法,快速去掉word文档中的水印。方法1:“借助页眉”法 具体操作:在word文档页眉处双击——将光标... -
如何取消选中该复选框
2012-11-04 01:57:42$CategoryQuery = mysql_query ("SELECT categoryTopic From categories ORDER BY categoryTopic LIMIT $begin, $limit"); //Place all categories in an array then loop through it displaying them one by one ... -
combobox自动填充如何取消选择第一项
2016-12-16 03:44:10comAutoSelect.Select(comAutoSelect.Text.Length, 0); comAutoSelect.DroppedDown = true; //保持鼠标指针形状 Cursor = Cursors.Default; } 问题:如果我想输入广西,但当我输入“广”时,系统会自动... -
如何取消mysql的严格模式STRICT_TRANS_TABLES
2020-10-10 16:39:54尝试过:set @@global.sql_mode=(select replace(@@sql_mode,'STRICT_TRANS_TABLES','')); 修改my.ini:sql_mode=NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION 都没有效果 问题已解决: 安装mysql时未选择... -
mysql中如何取消1000行的查询限制?
2018-05-08 10:48:44在使用数据库时,常常会有需要使用select语句查询表的情况。当使用select * 进行查询时,mysql中默认查询表的前1000行,也就是说如果表中的数据库超过了1000行,查询结果就会显示不完整。博主在这里提供两种解决这一... -
在应收应付系统凭证做冲销后,如何取消冲销?
2015-03-20 11:32:00问题:在应收应付系统凭证做冲销后,如何取消冲销? 应收应付系统凭证做过冲销后,原凭证将无法在应收应付系统中查询,冲销凭证也是如此,并且在总账系统中也无法删除,这是比较订厌的事情,所以在冲销时要慎重。 ... -
SQL中如何取消数字前面的0 字母
2016-06-23 17:12:49比如在AAAA表中cust_id字段有如下数据 HR00005 HR00025 HR00036 HR00045 HR00100 现将以上数据变为 ...SELECT LTRIM(RTRIM(stuff(substring(right(cust_id,4),2,4),1,patindex(' -
Oracle密码过期如何取消密码180天限制及密码180天过期,账号锁住的问题
2021-01-21 14:56:21SELECT * FROM dba_profiles WHERE profile='DEFAULT' AND resource_name='PASSWORD_LIFE_TIME'; 3、将密码有效期由默认的180天修改成“无限制”,修改之后不需要重启动数据库,会立即生效 ALTER PROFILE DEFAULT ... -
oracle中如何取消密码管理停止密码验证
2011-01-25 13:08:30在测试环境学习oracle,出现用户密码过期的问题,更改密码提示验证未通过,因为为... SQL> SELECT * FROM dba_profiles ; ... 查看用户所属的 profile ,一般为DEFAULT ...select * from dba_profiles where r... -
手机网页如何取消常按选中功能和touchstart后不能触发touchend事件
2016-08-04 18:53:33/**禁用长按选中文本功能 start*/ * { -webkit-touch-callout:... -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } /**禁用长按选中文本 -
如何取消/销毁从mysql检索数据的会话
2013-08-13 12:42:55$sqlCommand = "SELECT modulebody FROM modules WHERE showing='1' AND name='custom1' LIMIT 1"; $query = mysqli_query($myConnection, $sqlCommand) or die(mysqli_error()); while ($row = mysqli_fetch_... -
easyui load的数据如何取消鼠标进入事件和鼠标点击事件造成的样式变化
2014-12-11 10:07:56table通过easyui的loadData方法后,数据处的两个样式变化,一个是鼠标进入一行, 这行全部的背景色都改变为浅蓝色,如果点击这行,这行会被选中,可以通过...我想取消掉这两个事件,让数据就像是普通的table一样 求助 -
如何关掉webview中select弹出的对话框。
2012-10-19 16:44:57过滤器使用的是html的select元素。 当用户操作时,会弹出ios原生的对话框。注意:工具栏是ios原生的,过滤页面是webview容器中的html5。 这时候,如果用户不点击对话框中的完成,而直接点击左上角的取消。对话框将... -
oracle账号密码修改后特别容易锁定_Oracle密码过期如何取消密码180天限制及过期,账号锁住的问题...
2021-01-11 00:07:52概述相信很多朋友都会遇到Oracle密码过期的问题,今天小编给大家介绍Oracle密码过期如何取消密码180天限制及密码180天过期,账号锁住的问题,需要的朋友可以参考下。Oracle密码过期,取消密码180天限制1、进入...
-
基于python的dango框架购物商城毕业设计毕设源代码使用教程
-
数据分析师八大能力培养 Part8.总结汇报能力.pdf
-
数据分析师八大能力培养 Part2.沟通需求能力.pdf
-
linux基础入门和项目实战部署系列课程
-
Thinkpad x13 AMD安装Ubuntu20.04版本无法调节亮度
-
HDX3000消防电话安装使用说明书.pdf
-
WEB简介
-
阿伦尼斯模型研究.pdf
-
线性表之链表---初始化,插入,删除
-
SnapGene 3.2.1 Win安装.rar
-
狂神的SpringSecurity素材.rar
-
牛牛量化策略交易
-
MySQL 触发器
-
2021-02-28
-
数据库结构对比
-
Reliability Engineering_ Theory and Practice-.pdf
-
MySQL 备份与恢复详解(高低版本 迁移;不同字符集 相互转换;表
-
HGM2000多线消防广播系统使用说明书.pdf
-
PAT A1063 Set Similarity (25 分)
-
【布道者】Linux极速入门