{extend name="public/base" /}

{block name="header"}
<header class="ce-header ce-text-c header">
    <span class="header-btn header-left">
        <a href="{:url('setting/index')}" class="header-return-btn"><i class="fa fa-angle-left"></i>&nbsp;返回</a>
    </span>
    <span class="header-btn header-right">
        <a href="#" class="header-experience-share ajax-post">保存</a>
    </span>
    修改地区
</header>
{/block}

{block name="body"}
<form class="ce-margin-t-sm">
    <ul class="user-data-list user-data-form">
        <li class="ce-padding-sm">
            <label>所在省级：</label>
            <select name="province" class="province" id="province">
                <option>请选择省</option>

                {volist name="province" id="vo"}
                <option value="{$vo.name}"  data-id="{$vo.id}" {eq name="info.province" value="$vo.name"} selected="" {/eq}>{$vo.name}</option>
                {/volist}
            </select>
            <i class="fa fa-caret-down"></i>
        </li>
        <li class="ce-padding-sm">
            <label>所在城市：</label>
            <select name="city" class="city">
                <option>请选择市</option>
                {volist name="city" id="vo"}
                <option value="{$vo.name}"  {eq name="info.city" value="$vo.name"} selected="" {/eq}>{$vo.name}</option>
                {/volist}
            </select>
            <i class="fa fa-caret-down"></i>
        </li>
    </ul>
</form>
{/block}

{block name="script"}
<script type="text/javascript">
    $('.province').change(function() {
        var $this = $(this);
        var id =  $this.find('option').not(function(){ return !this.selected }).data('id');
        $.post("{:url('setting/getCity')}",{id:id},function(res) {
            $('.city').html(res);
        });
    });

</script>
{/block}