antdesign - antd Select多选的时候如何不让值放进input里面？

问题描述

问 题

现在准备做一个多选的下拉框，但是我不想让选择的值回填到select里面，我只需要取值，有必要我可以给select设置一个默认的值，永远只显示那一个值，下拉框我选择了之后只需要打勾选中就可以了！有人知道怎么解决吗？

如图，我只想让下面的选项中打勾就可以了，上面输入框里面不需要显示我选择的，怎么破？

解决方案

额。。实现思路是这样的，首先可以看到每次选中一个选项的时候会新增一个li标签，所以第一步我们需要把li标签的样式给display：none，隐藏掉，这时候input里面就是空的了，但是我们想让里面有文字提示，所以我们把ant-select-selection__placeholder这个样式设置为display：inline-block！important；记得加上important,因为antd默认选中的时候会隐藏掉ant-select-selection__placeholder，这时候可以看到input里面一只都有默认提示文字了，这时候有一个问题是当我搜索的时候文字也没有取消？所以我们可以设置一个state作为placeholder的默认值，根据onchange和onSearch来改变这个值，这样就可以实现问题的答案了，选中的时候文字变成已选中sum条，没选的时候显示‘选择类型’，搜索的时候置空

这篇关于antdesign - antd Select多选的时候如何不让值放进input里面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！