效果预览

代码

<div class="layui-form-item">
    <label class="layui-form-label">产地</label>
    <div class="layui-input-block">
        <input class="layui-input" name="from_area" data-toggle="city-picker" lay-verify="required" value="{$row.from_area|default=''}" type="text" data-level="" readonly data-field-code="0" data-field-name-province="0" >
    </div>
</div>

使用方法

给input增加data-toggle="city-picker"属性即可。

一般无需其他方法，需要注意的是，提交的时候，不仅仅提交from_area字段，还会多出许多字段：各级的名称和代码。

可以设置不需要提交其他的字段。

注意设置readonly

data-field-code=”0”

不提交城市代码，如果不设置，提交格式：370000/371300/371301

data-field-name-province=”0”

不提交省份的名称，但是会提交省份的代码。

规则

• data-field-name-province 省份名称
• data-field-name-city 城市名称
• data-field-name-district 区县名称
• data-field-code-province 省份代码
• data-field-code-city 城市代码
• data-field-code-district 区县代码

city-picker

更多设置参考js库：city-picker http://tshi0912.github.io/city-picker/