zoukankan      html  css  js  c++  java
  • 移动端省际联动插件mobiscroll

    <link href="assets/css/mobiscroll.custom-2.17.0.min.css" rel="stylesheet" type="text/css" />

    <script src="assets/js/mobiscroll.custom-2.17.0.min.js" type="text/javascript"></script>

    //html

    <ol class="treelist-sex" id="menusex">
                    <li>男</li>
                    <li>女</li>
                </ol>

        <select id="demo" class="all_width ">
                <optgroup label="济南">
                    <option value="1">历下区</option>
                    <option value="2">市中区</option>
                    <option value="3">天桥区</option>
                    <option value="4" selected="selected">历城区</option>
                </optgroup>

                <optgroup label="滨州">
                    <option value="15">滨城区</option>
                    <option value="16">西海区</option>
                </optgroup>
            </select>

    //js

    $('.treebutton-sex').click(function() {
                        $('.treelist-sex').mobiscroll('show');
                        return false;
                    });
                    $(".treelist-sex").mobiscroll().treelist({
                        theme: "mobiscroll",
                        display: 'bottom',
                        lang: "zh",
                    });

    // js 地址选择控件(可显示多行)
                    $('#city-picker').click(function() {
                        $('#demo').mobiscroll('show');
                        return false;
                    });
    $('#demo').mobiscroll().select({
        theme: 'mobiscroll',
        display: 'bottom',
        label: 'City',
        lang: "zh",
        group: true,
        groupLabel: 'Country',

    //不允许右侧控制左侧

    group: {
        clustered: true
    }
        //选择表单展现的样式
        inputClass:"all_width text-right clear_border"
    //  fixedWidth: [100, 170]
    });

  • 相关阅读:
    垃圾回收算法(1)标记-清除
    golang的interface剖析
    库文件的使用
    linux loadavg详解(top cpu load)
    撰写的《大数据处理框架Apache Spark设计与实现》出版了
    VUE文件上传删除、图片上传删除、视频上传删除
    三元运算符
    VScode格式化后单引号变双引号解决办法
    VUE实现分页
    绝望!新手小白在VUE组件之间进行传值上浪费了很多时间~
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5144839.html
Copyright © 2011-2022 走看看