先看一下简单的效果

直接上代码

超文本标记语言部分（下拉框中价值的数值我是根据数据库中取出来)

div class=' layui-form-item ' label class=' layui-form-label '城市/label div class=' layui-input-inline ' select name=' city ' lay-filter='省份'选项值=' '/选项值='11 '北京市/option选项值='12 '天津市/option选项值='13 '河北省/option选项值='14 '山西省/option选项值='15 '内蒙古自治区/option选项值='21 '辽宁省/option选项值='22 '吉林省/option选项值='23 '黑龙江省/option选项值='31 '上海市/option选项值='32 '江苏省/option选项值='33 '浙江省/option选项值='34 '安徽省/option选项值='35 '福建省/option选项值='36 '江西省/option选项值='37 '山东省/option选项值='41 '河南省/option选项值='42 '湖北省/option选项值='43 '湖南省/option选项值='44 '广东省/option选项值='45 '广西壮族自治区/option选项值='46 '海南省/option选项值='50 '重庆市/option选项值='51 '四川省/option选项值='52 '贵州省/option选项值='53 '云南省/option选项值='54 '西藏自治区/option选项值='61 '陕西省/option选项值='62 '甘肃省/option选项值='63 '青海省/option选项值='64 '宁夏回族自治区/option选项值='65 '新疆维吾尔自治区/option选项值='71 '台湾省/option选项值='81 '香港特别行政区/option选项值='82 '澳门特别行政区/option/select/div class=' layui-input-inline ' select name=' city ' id=' city ' option value=' '/option/select/div/div js操作部分

form.on('select(省份)’)、函数(数据){ $。getJSON('/api/getCity？pid=' data.value，function(data){ var option string=' '；$.每个(data.data，function(i，item){ option string=' option value= ' item。代码为“”的项目。name '/option '；});$('#city ').html(' option value=' '/option '选项字符串)；形式。渲染(“选择”)；//这个很重要});});后台返回的数据格式json

{ 'status': 200，' message': 'result '，' data': [ { 'code': '3418 '，' name': '宣城市，'省' : '34' },{ '代码' : '3417 ','姓名' : '池州市，'省' : '34' },{ '代码' : '3416 ','姓名' : '亳州市，'省' : '34' },{ '代码' : '3415 ','姓名' : '六安市，'省' : '34' },{ '代码' : '3413 ','姓名' : '宿州市，'省' : '34' },{ '代码' : '3412 ','姓名' : '阜阳市，'省' : '34' },{ '代码' : '3411 ','姓名' : '滁州市，'省' : '34' },{ '代码' : '3408 ','姓名' : '安庆市，'省' : '34' },{ '代码' : '3407 ','姓名' : '铜陵市，'省' : '34' }, { '代码' : '3406 ','名称' : '淮北市，'省' : '34' },{ '代码' : '3405 ','姓名' : '马鞍山市，'省' : '34' },{ '代码' : '3404 ','姓名' : '淮南市，'省' : '34' },{ '代码' : '3403 ','姓名' : '蚌埠市，'省' : '34' },{ '代码' : '3402 ','姓名' : '芜湖市，'省' : '34' },{ '代码' : '3401 ','姓名' : '合肥市，'省' : '34' } ]}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。