js联动
html:
<!-- 省 --> <div class="col-sm-2"> <select name="p_id"> <option value="">请选择省</option> </select> </div> <!-- 市 --> <div class="col-sm-2"> <select name="c_id"> <option value="">请选择市</option> </select> </div> <!-- 区 --> <div class="col-sm-2"> <select name="a_id"> <option value="">请选择地区</option> </select> </div>
JS:
// 切换地区(getPositions方法是PHP后台获取地区的信息) $('select[name=p_id]').change(function () { if ($(this).val() == '') { $('select[name=c_id]').html('<option value="">请选择市</option>'); $('select[name=a_id]').html('<option value="">请选择地区</option>'); return false } $.post('/store/getPositions', {id: $(this).val()}, function (res) { if (res.result) { var str = '<option value="">请选择市</option>'; for (var i in res.data) { str += '<option value="' + res.data[i].id + '">' + res.data[i].name + '</option>' } $('select[name=c_id]').html(str); $('select[name=a_id]').html('<option value="">请选择地区</option>'); } }, 'json') }) $('select[name=c_id]').change(function () { if ($(this).val() == '') { return false } $.post('/store/getPositions', {id: $(this).val()}, function (res) { if (res.result) { var str = '<option value="">请选择地区</option>'; for (var i in res.data) { str += '<option value="' + res.data[i].id + '">' + res.data[i].name + '</option>' } $('select[name=a_id]').html(str); } }, 'json') })
你的坚持 ------ 终将美好 ~
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步