求jquery版的多選樹形下拉框的插件(Multiple ComboTree)？

第一步，創(chuàng)建靜態(tài)頁面select.html，引入select2相關(guān)的css和js文件，并引入jQuery核心js，如下圖所示：

成都創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)公司、成都網(wǎng)站制作、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計(jì)，對(duì)服務(wù)假山制作等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競爭激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

第二步，在body標(biāo)簽內(nèi)插入select元素，設(shè)置屬性multiple和class，寬度為300px，如下圖所示：

第三步，初始化select2插件，需要調(diào)用select2()方法，如下圖所示：

第四步，為了演示獲取下拉框值，這里利用button按鈕點(diǎn)擊事件，在select下方插入一個(gè)button按鈕，如下圖所示：

5

第五步，編寫按鈕點(diǎn)擊事件，事件里獲取多選下拉框值和文本內(nèi)容，如下圖所示：

6

第六步，在瀏覽器中進(jìn)行預(yù)覽，點(diǎn)擊“取值”按鈕，會(huì)看到打印下拉框選擇的值和文字，如下圖所示：

什么是jquery插件?有什么用?

jquery 插件就是一些人用jquery寫的一些工具，常見的是jquery UI和jquery easyui,我們?cè)谡{(diào)用時(shí)只需要用很少的代碼就能實(shí)現(xiàn)很好的效果。

如easyui的datagrid、combobox、tree等可以實(shí)現(xiàn)表格、下拉框、樹等形狀及需要的操作。

附：easyui官網(wǎng)

可以在網(wǎng)站里面下載demo、觀看一些特效、下載插件js等。

jQuery插件開發(fā)全解析 jQuery插件的開發(fā)包括兩種：

一種是類級(jí)別的插件開發(fā)，即給jQuery添加新的全局函數(shù)，相當(dāng)于給jQuery類本身添加方法。jQuery 的全局函數(shù)就是屬于jQuery命名空間的函數(shù)。

另一種是對(duì)象級(jí)別的插件開發(fā)，即給jQuery對(duì)象添加方法。

jQuery 多選下拉框插件

插件沒有，不過可以說說原理；設(shè)置一個(gè)input type=“text" readonly=truebr/select multiple style="display:none"/select,當(dāng)點(diǎn)擊input的時(shí)候，查詢數(shù)據(jù)庫，將值賦值給select并讓select顯示出來，選擇option的時(shí)候給input賦值就搞定了。

怎么設(shè)置Jquery 多選下拉列表插件jquery multiselect 的高度

這個(gè)插件沒有定義控件的高度的配置，控件也沒有設(shè)置高度，依據(jù)內(nèi)容的高度來確定控件整體高度，你可以給樣式添加高度即可。不過還是修改源代碼來實(shí)現(xiàn)高度控制好點(diǎn)，可以隨便配置，而不用統(tǒng)一

2者結(jié)合也可以

css覆蓋部分，你也可以修改jquery.multiselect.css這個(gè)css文件增加style里面的樣式

link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" /

style

.ui-multiselect{line-height:30px;height:30px}

/style

或者修改jquery.multiselect.js文件，增加一個(gè)cHeight配置，用來控制控件的高度，找到下面的這句，修改成這樣

var button = (this.button = $('button type="button"span class="ui-icon ui-icon-triangle-1-s"/span/button'))

===改成這樣，判斷配置了cHeight增加增加style控制高度

var button = (this.button = $('button type="button"'+(o.cHeight?' style="height:'+o.cHeight+'px"':'')+'span class="ui-icon ui-icon-triangle-1-s"/span/button'))

DEMO

$("select").multiselect({cHeight:40});

新聞標(biāo)題：jquery下拉插件,jquery彈窗插件
當(dāng)前URL：http://chinadenli.net/article13/dsisggs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、品牌網(wǎng)站建設(shè)、網(wǎng)站改版、定制開發(fā)、網(wǎng)站建設(shè)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)