select 选择框里最多可是多选的情况
antd +select
const validateMessages = {required: '必填项',};// 3个选项的回调const handleChange = (value) => {let newArr;if (value.length > 3) {newArr = [].concat(value.slice(0, 2), value.sliace(-1));searchForm.setFieldsValue({admin: newArr,});}};
// data: ["周易(001008)", "潘聪(006683)", "迟鑫(006038)", "张芸(002058)", "张艺博(013358)", "陈斯伦(010003)", "陆融(001185)",…]
<FormclassName={styles.searchFormtest} layout="inline"form={searchForm}validateMessages={validateMessages}>
a<Form.Item name={'admin'} label=" 医生:"><Selectmode="multiple" //可多选className={styles.formInput} //选择框的长度placeholder={'最多可选3个人'}onChange={handleChange} //选中 option,或 input 的 value 变化时,调用此函数rules={[{ required: true, message: '最多可选3个指标管理人' }]} //校验最多只能选3个>{_.map(data, item =><Select.Option value={item} label={item}><span role="img" aria-label={item}>{item}</span></Select.Option>,)}</Select></Form.Item></Form>
select 选择框里最多可是多选的情况相关推荐
- AngularJs 基础教程 —— Select(选择框)
为什么80%的码农都做不了架构师?>>> 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 -- Select(选择框) Angula ...
- select选择框实现跳转
select选择框实现跳转 零.启示 1.启示把bom里面的几个对象稍微有点印象,那么主干有了,学其它的就感觉添置加瓦,很简单 就是关注树木的主干 2.万能的百度,不过当然要你基础好学得多才能看得懂, ...
- 纯CSS调整select选择框高度,兼容IE/Firefox/Opera/Safair/Chrome
在IE下直接用height.border定义select没有效果,目前大部分情况都是用js进行模拟,其实css也是可以做得到的,原理很简单,隐藏select选择框的原生边框,再用其他元素模拟内边距及边 ...
- Antd点击select选择框,页面滚动,选项跟着滚动
遇到问题如下: 做项目时,采用antd与react技术方案,需要实现选择一个select选择框,发现点击select选择框时,滚动页面,选项内容整体跟着页面滚动,而select选择框不动,如图: 解决 ...
- 解决小米2s手机 select选择框问题
解决小米2s手机 select选择框文本内容不能改变中学习到的 时间:2015-07-17 项目:甘肃银行-手机银行 问题记录:有一组选择框,第一个选择框选择存储类型(零存整取.整存整取.定活两便), ...
- element_UI select选择框深入解析
别问,问就是今天是1024,混个勋章 el-select介绍 开发环境 Select Attributes(参数介绍) select各适用场景介绍 使用最广泛的基础单选 有禁用选项的选择框 选择框禁用 ...
- easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法
eaeyui版本1.4.4,下载地址 http://www.jeasyui.com/download/index.php 下拉框模糊查询例子: <%@ page language="j ...
- AngularJS Select(选择框)
在AngularJS中可以使用数组或对象创建一个下拉列表对象选项. 1.使用ng-options创建选择框 <div ng-app="my" ng-controller=&q ...
- 手动清空Element Select选择框内容 v-model 和 option下拉框选项 导致无法select选中,或者选中视图不渲染问题,
有时候一些需求,需要上下两个Select 进行联动,比如 名称/id选择框的内容需要根据 科目选中后的内容,来进行搜索,所以当 科目清空后 名称/ID 需要清空 v-model 的值.以及 el-op ...
- iview select选中值取值_iView的Select选择框
目录 在此先列出解决了那些问题,以防读者看完了没有用处: 1.示例,最基础的使用方法 2.传参,传多个值的方式 3.默认值 4.清空重置无效 5.可搜索的用法及如何限制搜索字符长度 一.示例 html ...
最新文章
- SSL--用Tomcat服务器配置https双向认证过程实战
- 大块数据申请及DMA
- AOP的两种实现方式
- Java5的 线程并发库
- Python:colorlog的三个例子
- C# WinForm开发系列 - DataGridView
- Tomcat 总体结构
- 关于java中getClass()和getSuperClass()的讲解
- 利用scipy包计算表格线的峰值,还原表格得到表格结构
- linux读整个文件内容,Linux查看整个文件
- as my sql 后面加表达式_SQL.WITH AS.公用表表达式(CTE)(转)
- 百度MP3音乐API接口及应用
- 哪些因素会影响数据质量
- 利用CSS3 animation绘制动态卡通人物,无需使用JS代码
- 基于Python的植被覆盖度时空变化规律分析
- 华为音频编辑服务实时变声,多种音色随意变换
- 工业设备软件的研发测试
- 笔记本升级--固态硬盘安装双系统win10-CentOS
- 出现跨域问题的原因及其解决方法
- 【100%通过率】华为OD机试真题 C++ 实现【无向图染色】【2022.11 Q4新题】