织梦自定义表单用js代替联动地区解决联动地区选择

Posted 2021-01-17 dedevip

用js+文本字段实现全国城市三级联动

1、在自定义表单中添加 三个字段，字段类型 单行文本(varchar)

省份s_province

城市s_city

地区s_county

2、前台模板中自定义表单中联动地区代码写法

<script type="text/javascript" src="/js/area.js"></script>
<select class="input w100" id="s_province" name="s_province">
<option value="省份">省份</option>
</select>
<select class="input w100" id="s_city" name="s_city">
<option value="城市">城市</option>
</select>
<select class="input w100" id="s_county" name="s_county">
<option value="地区">地区</option>
</select>
<script type="text/javascript">_init_area();</script>

3、area.js 文件下载

https://pan.baidu.com/s/1ewj-LKDKU_tlaOcZc-m1OA

下载后放到你网站里，上面第2步的js路径改成你自己放的路径。