antd-select选择器模糊查询

Love The Way You Lie 2023-01-20 09:36 87阅读 0赞

![在这里插入图片描述][20210512091034989.png]

1.  设置title

<Select.Option value={ item.landId} title={ item.landName} key={ item.landId}>{ item.landName}</Select.Option>

2.设置showSearch及 filterOption

<Form.Item
                  label={ '所属地块'}
                  name="landId"
                  rules={ [{  required: true, message: '请选择地块' }]}
                >
                  <Select
                    placeholder="请选择所属地块"
                    // value={batchMes ? batchMes.landId : ''}
                    onSelect={ (val) => setbatchMes({  ...batchMes, landId: Number(val) })}
                    showSearch
                    filterOption={ (input, option) => { 
                      if (option && option.title) { 
                        return option.title === input || option.title.indexOf(input) !== -1
                      } else { 
                        return true
                      }
                    }}
                  >
                    { 
                      landData && landData.map((item: any) => { 
                        return (
                          <Select.Option value={ item.landId} title={ item.landName} key={ item.landId}>{ item.landName}</Select.Option>
                        )
                      })
                    }
                  </Select>
                </Form.Item>

[20210512091034989.png]: /images/20221021/cd75b3d785624968a9122d6853e808e3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，87人围观）

还没有评论，来说两句吧...

相关阅读

相关 antd-select选择器模糊查询

![在这里插入图片描述][20210512091034989.png] 1. 设置title <Select.Option value={ item.landId

Love The Way You Lie/ 2023年01月20日 09:36/ 0 赞/ 88 阅读

相关模糊查询

今天我要分享的是我项目中的模糊查询，它是根据监督部门名称和时间段查询数据，它可以单个条件进行查询，也可以组合起来查询数据。数据表格 ![在这里插入图片描述][water

Myth丶恋晨/ 2023年01月17日 08:27/ 0 赞/ 319 阅读

相关 sql模糊查询

use pubs \--返回au\_lname是以r开头的作者信息 select \ from authors where au\_lname like

本是古典何须时尚/ 2022年08月27日 14:46/ 0 赞/ 414 阅读

相关 mysql 模糊查询

SQL模糊查询，使用like比较关键字，加上SQL里的通配符，请参考以下： 1、LIKE'Mc%' 将搜索以字母 Mc 开头的所有字符串（如 McBadden）。

心已赠人/ 2022年06月08日 02:52/ 0 赞/ 490 阅读

相关模糊查询

模糊查询：在条件不完全的情况下进行查询例如:查找姓张，但是忘记名字的人语法要素： 1.用LIKE代替= 2.使用通配符

Dear 丶/ 2022年05月18日 03:11/ 0 赞/ 466 阅读

相关 jquery 选择器，模糊匹配

按姓名匹配 1,name前缀为aa的所有div的jquery对象 $(“div\[name^=‘aa’\]”); 2,name后缀为aa的所有div的jquery对象

一时失言乱红尘/ 2022年03月17日 02:44/ 0 赞/ 348 阅读

相关 mysql模糊查询

mysql 中模糊查询有两种，一种LIKE， NOT LIKE 。另一种就是匹配 REGECXP， NOT REGEXP。 LIKE NOT LIKE 1、% 表示

以你之姓@/ 2021年12月10日 16:29/ 0 赞/ 645 阅读

相关 MongoDB模糊查询

模糊查询简介 MongoDB查询条件可以使用正则表达式，从而实现模糊查询的功能。模糊查询可以使用$regex操作符或直接使用正则表达式对象。 <table> <tbod

灰太狼/ 2021年10月12日 21:36/ 0 赞/ 694 阅读

相关 SQL 模糊查询

在进行数据库查询时，有完整查询和模糊查询之分。一般模糊查询语句如下： SELECT 字段 FROM 表 WHERE 某字段 Like 条件 SELECT 字段 F

妖狐艹你老母/ 2021年09月14日 11:40/ 0 赞/ 718 阅读

相关 jQuery类选择器和模糊选择

我们对于jQuery来说已经很不陌生了，由于是前端各种框架都需要的一个组件类库形式的一个应用库，jQuery已经很是深入我们的使用中了，但是你真的会使用他吗？

系统管理员/ 2021年06月24日 15:56/ 0 赞/ 884 阅读