真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

基于BootStrapmultiselect.js實現(xiàn)的下拉框聯(lián)動效果

這篇文章主要介紹基于BootStrap multiselect.js實現(xiàn)的下拉框聯(lián)動效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司聯(lián)系電話：18980820575，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)公司網(wǎng)頁制作領(lǐng)域十載，包括成都木制涼亭等多個方面擁有豐富的網(wǎng)站運維經(jīng)驗，選擇創(chuàng)新互聯(lián)公司，為網(wǎng)站錦上添花。

js的作用是什么

1、能夠嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到   

然后全局定義

 function RegSelect() {
      $('.multiselect').multiselect({
        buttonClass: 'btn btn-white ',
        enableFiltering: true,
        enableHTML: true,
        includeSelectAllOption: true,
        selectAllText: '全選',
        allSelectedText: '全部選中',
        nonSelectedText: '請選擇',
        nSelectedText: '個被選中',
        templates: {
          button: '  ',
          ul: '',
          filter: '
',           filterClearBtn: '',           li: '
    • ',           divider: '',           liGroup: ''         }       });     }

    只需要在頁面加載時RegSelect();（只能調(diào)用一次，不然會出現(xiàn)問題）就可以了

    2、兩個下拉框

     
          維修單位
          
            @Html.DropDownList("RepairOrgUID", ViewBag.OrgList as List, "請選擇", new { @class = "form-control multiselect", onchange = "OrgChange(this)", id = "RepairOrg" })
          
            
                       維修人                        @Html.DropDownList("RepairContactUID", ViewBag.ContactList as List, "請選擇", new { @class = "form-control multiselect", id = "RepairContact" })                    

    3、js代碼

    function OrgChange(obj, patientID) {
      var RepairOrg = $(obj).val();
      $.post("/TerminalManage/GetContactByOrg", { RepairOrg: RepairOrg }, function (data) {     
        var newCitys = new Array();
        var obj = new Object();
        obj = {
          label: "請選擇",
          value: ""
        };
        newCitys.push(obj);
        for (var i = 0; i < data.length; i++) {
          obj = {
            label: data[i].Text,
            value: data[i].Value
          };
          newCitys.push(obj);
        }
        $("#RepairContact").multiselect('dataprovider', newCitys);
        $('#RepairContact').multiselect('refresh');
      });
    }

    以上是“基于BootStrap multiselect.js實現(xiàn)的下拉框聯(lián)動效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！


    文章標(biāo)題：基于BootStrapmultiselect.js實現(xiàn)的下拉框聯(lián)動效果
    文章位置：http://weahome.cn/article/pcojcd.html

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220（工作日）

    18980820575（7×24）

    提交需求

    返回頂部