# 城市选择

TIP

城市选择器请使用在 input

# API

Eadmin.citypicker

参数 说明 类型 默认值
dom 需要应用城市选择的input,例如:'#p1', '.p1'等等 string -
param 参数列表 object -

# param参数内容

参数 说明 类型 默认值
type 类型,1:单城市,2:省市区级联 number 1
level 省市区层级,1表示只选择省,2表示选择省市,3表示选择省市区 number 3
format 分隔符 string "/"
change 城市改变回调 function -

# 单城市选择器

<input id="p1" type="text" placeholder="选择城市">
<script>
    (() => {
        Eadmin.citypicker('#p1');
    })();
</script>
1
2
3
4
5
6

# 省市区级联选择

<input id="p1" type="text" placeholder="选择城市">
<script>
    (() => {
        Eadmin.citypicker('#p1', {
            type : 2
        });
    })();
</script>
1
2
3
4
5
6
7
8

# 自定义分割线

<input id="p1" type="text" placeholder="选择城市">
<script>
    (() => {
        Eadmin.citypicker('#p1', {
            type : 2,
            format : ' - '
        });
    })();
</script>
1
2
3
4
5
6
7
8
9

# 自定义层级只选择省市

<input id="p1" type="text" placeholder="选择城市">
<script>
    (() => {
        Eadmin.citypicker('#p1', {
            type  : 2,
            level : 2
        });
    })();
</script>
1
2
3
4
5
6
7
8
9

# 带回调的城市选择

<input id="p1" type="text" placeholder="选择城市">
<script>
    (() => {
        Eadmin.citypicker('#p1', {
            change : function(city){
                Eadmin.message.info({
                    content : '选择的城市是:' + city
                });
            }
        });
    })();
</script>
1
2
3
4
5
6
7
8
9
10
11
12