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()。

问题描述：
使用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的可选个数。

	

简介
在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######

第一章：设计语言-按钮
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状态、点击后状态、禁止状态）
                                                                       谢谢阅读感谢支持
最后，在结尾我想说这些按钮的绘制看似简单的不得了，其实都是些高精度的工作，差一个像素点都不可以，当然更需要具备一定的毅力与耐心。我觉得做设计应该追求极致，重视体验和功能，让形式追随内容，而不是内容追随形式，就这样吧。受益于罗兄的印象从今往后我也会定期更新自已在设计中的所思所感。
                                                                    记得点个赞哦