我們都知道antd的select多選時，如果下拉框寬度不足，則自動浮動到下一行將下拉框撐大，但是這回影響到頁面的整體布局。
我們期望的效果是，下拉框只顯示一行的值，超出一行的部分自動隱藏。
下面有2種方案來實現這個效果。
設定下拉框的最大高度為一行的高度，然後超出的部分隱藏。
.ant-select-selection--multiple
這種方式存在的弊端是如果有2個選項，乙個很短乙個很長，那麼只能看到很短的值，長值被隱藏，會剩餘很大的空白。將下拉框選項放到一行顯示，如果超出了下拉框長度則隱藏。預設的選項是採用float浮動顯示的，所以我們要遮蔽掉浮動效果。
.ant-select-selection--multiple .ant-select-selection__rendered.ant-select-selection--multiple .ant-select-selection__rendered ul
.ant-select-selection--multiple .ant-select-selection__choice
.ant-select-selection--multiple .ant-select-search--inline
.ant-select-selection--multiple
這裡重寫了下拉選項的樣式，達到了目的，但是會存在另乙個問題，因為下拉選項排成了不換行的一列，那麼必須指定下拉框的長度為固定值，不能使用百分比，因為一旦選中的下拉值超出了螢幕寬度，那麼他會自動撐大整個螢幕的寬度。力軟下拉框多選 jquery實現下拉框多選
一 說明 本文是利用easyui實現下拉框多選功能，在comboxtree其原有的基礎上對樣式進行了改進，樣式表已上傳demo，如下 二 利用easyui實現多選下拉框 function url tree data2.json 資料來源 oncheck function node,checked 讓...
力軟下拉框多選 jquery實現下拉框多選方法介紹
一 說明 本文是利用easyui實現下拉框多選功能，在comboxtree其原有的基礎上對樣式進行了改進，樣式表已上傳demo，如下 二 利用easyui實現多選下拉框 function url tree data2.json 資料來源 oncheck function node,checked 讓...
antd 裡面下拉框聯動
需求 兩個下拉框，第乙個下拉框切換後，第二個下拉框根據第乙個的值改變下拉選項 使用shouldupdate，另外當第乙個值改變時，onselectchange事件中，使用form.setfieldsvalue將被關聯的值清空 或者其他操作 const onselectchange e,type 分割...