JavaScript樹形下拉框

2021-07-23 23:21:12 字數 1045 閱讀 1261

這個js檔案是對select標籤的乙個擴充套件,使得select能夠支援樹形下拉框

使用這段js**之前,請先引入jquery庫。

$.getjson("/api/data/jsontype"

,function(data);

ijs.id

=element.busiz_id

ijs.text

=element.busiz_desc

ijs.upid

=element.busiz_up_id

arr.push(ijs)

});$("#selectid"

).hselect();

}

#待顯示資料

data: "",

#提示框高度

height:"26px",

#提示框寬度

width:"auto",

#提示框邊框屬性

border:"#000 solid 1px",

#提示框字型大小

fontsize:"13px",

#提示框圓角大小

borderradius:"5px",

#提示框背景色

bgcolor:"white",

#下邊這個引數,是樹形下拉框中每乙個選項的高度

showliheight:"30px",

#下邊這個引數,是樹形下拉框的最大高度

showheight:"230px",

#下邊這個引數,是樹形下拉框中,邊框屬性,預設情況下與上邊border變數值一致

showborder:"",

#下邊這個引數,是樹形下拉框中,字型大小

showfontsize:"14px",

#下邊這個引數,是樹形下拉框中,隱藏或展示圖示的顏色。

iconcolor:"#ff5763",

示例:

基於JavaScript實現樹形下拉框

的小夥伴們可以參考一下 平時會經常遇到樹形結構的問題,比如顯示目錄結構等。大多數情況下後台會返回這樣的資料,如下 這種資料結構後台容易處理,但是前台不好處理,需要首先將其轉成樹形json資料,如下 這樣就可以很方便的是用遞迴構建樹形的元件。如果後台能夠直接返回這種結構最好,不然前台需要做轉換。一 將...

下拉框 列舉

列舉 public enum mchtprofitsplittype public string getvalue class 初始化中要放到下拉列表裡的 分賬方式列舉mchtprofitsplittype listorgprofitsplittypelist new arraylist mchtp...

下拉框元件

createselect.js text 建立民族陣列 var arraynation new array 漢族 蒙古族 彝族 侗族 哈薩克族 畲族 納西族 仫佬族 仡佬族 怒族 保安族 鄂倫春族 回族 壯族 瑤族 傣族 高山族 景頗族 羌族 錫伯族 烏孜別克族 裕固族 赫哲族 藏族 布依族 白族 ...