多级联动

多级联动，理论可以无限级联动，首先定义级联需要的下拉选，下拉必须带有id：<select name="" id="province"></select>，需要几级创建几个。

    <ul>
        <li>
            <a href="javascript:;" class="link_item">
                <div class="item">
                    <div class="item_center">
                        <div class="item-title label">With switch</div>
                        <div class="item-input">
                            <select name="" id="province">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="link_item">
                <div class="item">
                    <div class="item_center">
                        <div class="item-title label">With switch</div>
                        <div class="item-input">
                            <select name="" id="city">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="link_item">
                <div class="item">
                    <div class="item_center">
                        <div class="item-title label">With switch</div>
                        <div class="item-input">
                            <select name="" id="region">
                                <option value=""></option>
                            </select>
                        </div>
                    </div>
                </div>
            </a>
        </li>
    </ul>
    <script>
        var data = [
            {select_id: "#province", value: 2, options: [{id: 1, pid: 0, name: "SS1"}, {id: 2, pid: 0, name: "AA1"}]},
            {select_id: "#city", value: 2, options: [{id: 1, pid: 1, name: "SS2"}, {id: 2, pid: 2, name: "AA2"}]},
            {select_id: "#region", value: 2, options: [{id: 1, pid: 1, name: "SS3"}, {id: 2, pid: 2, name: "AA3"}]}
        ]
        t.moreSelect(data);
    </script>

创建完select节点后，定义数据，数据结构为json数据，每个json为一组下拉数据，级联上下级按数组顺序排列。
select_id为对应的select的id。
value为默认选项值。
options为数据json数组。其中：id为option的value（后台数据id，数字字典值）；pid为父id，即级联的上级id，当上级id发生变化，下级自动随着变化；name为选项名。

数据绑定方法：t.moreSelect(data);，参数是具体数据。