FlexBox很好用的下拉框控制項

2021-06-02 22:48:08 字數 491 閱讀 4089

最近發現了乙個好用的開源下拉框控制項,以前用的select控制項有個弱點就是沒有橫向滾動條,當某個item很長的時候,就不能完全顯示。flexbox控制項也是基於jquery封裝的控制項,使用起來很方便,下面簡要介紹下該控制項的使用。

該控制項除了需要jquery的js檔案還需要jquery.flexbox.js檔案,jquery.flexbox.css的css檔案,同時還提供了幾種下拉按鈕的img,給我的做的乙個最簡單的html頁面的**。

控制項的資料來源是很標準的json格式,我這裡是寫在前台頁面中,當然你可以從後台傳json格式的資料到前台,然後$('#ffb1').flexbox(countries);這樣繫結即可。該控制項還支援分頁顯示,可以按上面**中的方式進行分頁處理。該控制項最大的優勢在於:

1、支援分頁顯示資料

2、支援橫向滾動條

3、支援水印

下拉框的繫結

開發工具與關鍵技術 vs2015 mvc下拉框的繫結,我們經常用到,那麼我這裡就講講下拉框繫結的詳細過程,首先我們先建立乙個select標籤,然後我select標籤給予id好方便後面的操作。然後我們可以建立乙個方法,因為下拉框的繫結很多地方都會用到,那麼我們可以構建乙個下拉框函式方便全域性使用,函式...

select獲取下拉框的值 下拉框預設選中

本文主要介紹select下拉框的相關方法。1.通過id獲取下拉框的value和文字值 例如 數字1數字2 numbers option selected val 獲取到下拉框被選中的optionde value值 2 numbers option selected text 獲取到下拉框被選中的op...

jquery獲取下拉框的值 設定下拉框的值

獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 value ddlregtype val 獲取select選中的索引 ddlregtype get 0 selectedindex 設定select...