wxPhone
/
apply-d-1-2.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--<link rel="icon" href="./static/favicon.png" type="image/x-icon">-->
    <title>供应商申请</title>
    <link href="./css/mui.min.css" rel="stylesheet">
    <link href="./css/mui.picker.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/same-css.css">
    <link rel="stylesheet" href="./css/apply-d-1.css">
    <script src="./js/jquery-3.1.0.min.js"></script>

</head>
<body>

<div class="warp">
    <div class="head">
        <div>
            <div class="step step1">1</div>
            <div class="des">基本信息</div>
        </div>
        <div>
            <div class="step step2">2</div>
            <div class="des">选择类目</div>
        </div>
        <div>
            <div class="step step3">3</div>
            <div class="des">上传资质</div>
        </div>
        <div>
            <div class="step step4">4</div>
            <div class="des">确认合同</div>
        </div>
    </div>

    <div class="main">
        <div class="main-head">开户信息</div>
        <div class="main-warp">
            <div class="main-item">
                <div class="input"><input type="text" placeholder="银行开户名（需与公司名称一致）"></div>
            </div>
            <div class="main-item">
                <div class="input select"><input type="text" disabled placeholder="开户行"></div>
            </div>
            <div class="main-item">
                <div class="input choose"><input type="text" disabled placeholder="开户行所在地"></div>
            </div>
            <div class="main-item">
                <div class="input"><input type="text" placeholder="开户支行名称"></div>
            </div>
            <div class="main-item">
                <div class="input"><input type="text" placeholder="银行账户"></div>
            </div>
        </div>
    </div>


    <button class="next">下一步</button>
</div>

<script src="./js/mui.min.js"></script>
<script src="./js/mui.picker.min.js"></script>
<script>
    $(document).ready(function () {
        var picker = new mui.PopPicker({layer: 2});
        picker.setData([{
            value: '110000',
            text: '北京市',
            children: [{
                value: "110101",
                text: "东城区"
            }]
        }, {
            value: '120000',
            text: '天津市',
            children: [{
                value: "120101",
                text: "和平区"
            }, {
                value: "120102",
                text: "河东区"
            }, {
                value: "120104",
                text: "南开区"
            }
            ]
        }]);
        picker.pickers[0].setSelectedIndex(1);
        picker.pickers[1].setSelectedIndex(0);
        $('.choose').click(function () {
            var $this = $(this);
            picker.show(function (SelectedItem) {
                console.log(SelectedItem[0].text + SelectedItem[1].text);
                $this.find('input').val(SelectedItem[0].text + SelectedItem[1].text);
            });
        });

        var pick = new mui.PopPicker();
        pick.setData([{value:'0',text:'中国交通银行'},{value:'1',text:'中国建设银行'},{value:'2',text:'中国工商银行'}]);
        $('.select').click(function () {
            var $this = $(this);
            pick.show(function (selectItems) {
                $this.find('input').val(selectItems[0].text)

            })
        });

        $('.next').click(function () {
            window.location.href = 'apply-d-1-3.html';
        })
    });


</script>
</body>
</html>