现在准备做一个多选的下拉框,但是我不想让选择的值回填到select里面,我只需要取值,有必要我可以给select设置一个默认的值,永远只显示那一个值,下拉框我选择了之后只需要打勾选中就可以了!有人知道怎么解决吗?
如图,我只想让下面的选项中打勾就可以了,上面输入框里面不需要显示我选择的,怎么破?
现在准备做一个多选的下拉框,但是我不想让选择的值回填到select里面,我只需要取值,有必要我可以给select设置一个默认的值,永远只显示那一个值,下拉框我选择了之后只需要打勾选中就可以了!有人知道怎么解决吗?
如图,我只想让下面的选项中打勾就可以了,上面输入框里面不需要显示我选择的,怎么破?
2 回答884 阅读✓ 已解决
1 回答1.7k 阅读✓ 已解决
1 回答1.7k 阅读✓ 已解决
2 回答2.3k 阅读
2 回答1.6k 阅读
3 回答641 阅读
792 阅读
额。。实现思路是这样的,首先可以看到每次选中一个选项的时候会新增一个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条,没选的时候显示‘选择类型’,搜索的时候置空