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

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

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

阅读 8.5k
2 个回答

额。。实现思路是这样的,首先可以看到每次选中一个选项的时候会新增一个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条,没选的时候显示‘选择类型’,搜索的时候置空

估计挺难的,在数组上和onchange做手脚吧,不行就自己写吧,也不是很难,不过挺浪费时间。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题