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 选择框里最多可是多选的情况相关推荐

  1. AngularJs 基础教程​ —— Select(选择框)

    为什么80%的码农都做不了架构师?>>>    本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:AngularJs 基础教程 -- Select(选择框) Angula ...

  2. select选择框实现跳转

    select选择框实现跳转 零.启示 1.启示把bom里面的几个对象稍微有点印象,那么主干有了,学其它的就感觉添置加瓦,很简单 就是关注树木的主干 2.万能的百度,不过当然要你基础好学得多才能看得懂, ...

  3. 纯CSS调整select选择框高度,兼容IE/Firefox/Opera/Safair/Chrome

    在IE下直接用height.border定义select没有效果,目前大部分情况都是用js进行模拟,其实css也是可以做得到的,原理很简单,隐藏select选择框的原生边框,再用其他元素模拟内边距及边 ...

  4. Antd点击select选择框,页面滚动,选项跟着滚动

    遇到问题如下: 做项目时,采用antd与react技术方案,需要实现选择一个select选择框,发现点击select选择框时,滚动页面,选项内容整体跟着页面滚动,而select选择框不动,如图: 解决 ...

  5. 解决小米2s手机 select选择框问题

    解决小米2s手机 select选择框文本内容不能改变中学习到的 时间:2015-07-17 项目:甘肃银行-手机银行 问题记录:有一组选择框,第一个选择框选择存储类型(零存整取.整存整取.定活两便), ...

  6. element_UI select选择框深入解析

    别问,问就是今天是1024,混个勋章 el-select介绍 开发环境 Select Attributes(参数介绍) select各适用场景介绍 使用最广泛的基础单选 有禁用选项的选择框 选择框禁用 ...

  7. easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法

    eaeyui版本1.4.4,下载地址 http://www.jeasyui.com/download/index.php 下拉框模糊查询例子: <%@ page language="j ...

  8. AngularJS Select(选择框)

    在AngularJS中可以使用数组或对象创建一个下拉列表对象选项. 1.使用ng-options创建选择框 <div ng-app="my" ng-controller=&q ...

  9. 手动清空Element Select选择框内容 v-model 和 option下拉框选项 导致无法select选中,或者选中视图不渲染问题,

    有时候一些需求,需要上下两个Select 进行联动,比如 名称/id选择框的内容需要根据 科目选中后的内容,来进行搜索,所以当 科目清空后 名称/ID 需要清空 v-model 的值.以及 el-op ...

  10. iview select选中值取值_iView的Select选择框

    目录 在此先列出解决了那些问题,以防读者看完了没有用处: 1.示例,最基础的使用方法 2.传参,传多个值的方式 3.默认值 4.清空重置无效 5.可搜索的用法及如何限制搜索字符长度 一.示例 html ...

最新文章

  1. SSL--用Tomcat服务器配置https双向认证过程实战
  2. 大块数据申请及DMA
  3. AOP的两种实现方式
  4. Java5的 线程并发库
  5. Python:colorlog的三个例子
  6. C# WinForm开发系列 - DataGridView
  7. Tomcat 总体结构
  8. 关于java中getClass()和getSuperClass()的讲解
  9. 利用scipy包计算表格线的峰值,还原表格得到表格结构
  10. linux读整个文件内容,Linux查看整个文件
  11. as my sql 后面加表达式_SQL.WITH AS.公用表表达式(CTE)(转)
  12. 百度MP3音乐API接口及应用
  13. 哪些因素会影响数据质量
  14. 利用CSS3 animation绘制动态卡通人物,无需使用JS代码
  15. 基于Python的植被覆盖度时空变化规律分析
  16. 华为音频编辑服务实时变声,多种音色随意变换
  17. 工业设备软件的研发测试
  18. 笔记本升级--固态硬盘安装双系统win10-CentOS
  19. 出现跨域问题的原因及其解决方法
  20. 【100%通过率】华为OD机试真题 C++ 实现【无向图染色】【2022.11 Q4新题】

热门文章

  1. ADAUDSP1452 声场 Balance与Fader功能的实现
  2. 9月英语总结 — colorful And stressful!
  3. 地理信息系统GIS--介绍
  4. 5个APP自动化测试辅助定位工具,你用过几个?
  5. 【Android工具】盘点几个有应用历史版本功能的应用商店
  6. AD21四层板导出Gerber
  7. 数据库驱动和数据库连接(MySQL)
  8. 项目总结报告(小米商城)
  9. 超声波传感器(CHx01) 学习笔记 Ⅳ- 程序移植
  10. 手机号码相关信息整理