溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery中下拉多選插件jquery.multiSelect的使用

發(fā)布時(shí)間:2020-06-19 08:30:08 來源:網(wǎng)絡(luò) 閱讀:713 作者:gaofeng36599 欄目:web開發(fā)

使用multiSelect需要導(dǎo)入jquery.bgiframe.min.js,jquery.multiSelect.css,jquery.multiSelect.js還有幾個(gè)圖片。

 

案例

 

html代碼:

<td>部門:
       <select id="departmentId" name="roleIds" multiple="multiple">
              <c:forEach items="${depts}" var="depart">
                        <option title="${depart.name}" value="${depart.id}">${depart.name}</option>
               </c:forEach>
         </select>
</td>

 

js代碼:

$(document).ready( function() {
            $("#departmentId").multiSelect({
                    selectAll: false,
                    oneOrMoreSelected: '*',
                    selectAllText: '全選',
                    noneSelected: '請(qǐng)選擇'
            }, function(){   //回調(diào)函數(shù)
                if($("[name='roleIds']:checked").length > 0)
                    {
                        $("#errRed").empty();
                    }
                else
                {
                        $("#errRed").text("");
                    }
            });

    });

取值:

在網(wǎng)上找了官方的api說

var array_of_checked_values = $("#departmentId").multiselect("getChecked").map(function(){
        return this.value;
    }).get();

可以取到值,但是不知到什么原因就是取不到,在網(wǎng)上查了很多文件也說有問題,所以果斷放棄了,有知道的可以告訴我,感謝...

所以我var array_of_checked_values = $("#departmentId").find("span").text();取到的他的名字

 

 

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI