页面省市区级联加载

Posted xianz666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面省市区级联加载相关的知识,希望对你有一定的参考价值。

<tr>
<td align="right">所在省:</td>
<td>
<select id="unitProvince" name="unitProvince" onchange="selectCompanyAddress2();selectCompanyAddress3();">
<option value=" " selected="selected">请选择所在省份</option>
</select>
</td>
<td align="right" valign="middle">所在市:</td>
<td>
<select id="unitCity" name="unitCity" onchange="selectCompanyAddress3()">
</select>
</td>
</tr>
<tr>
<td align="right" >所在区:</td>
<td>
<select id="unitStreat" name="unitStreat">
</select>
</td>
<td align="right">详细地址:</td>
<td>
<input type="text" id="unitAddress" name="unitAddress">
</td>
</tr>

//js代码================

function selectCompanyAddress1(){
var url=‘<%=basePath%>xyData/dict/LoadChildSellect.do?fid=‘;
HydUtilLoadChildSellect(url,$("#unitProvince"),"99996","");
}
function selectCompanyAddress2(){
var url=‘<%=basePath%>xyData/dict/LoadChildSellect.do?fid=‘;
HydUtilLoadChildSellect(url,$("#unitCity"),"99996",$("#unitProvince").val());
}
function selectCompanyAddress3(){
var url=‘<%=basePath%>xyData/dict/LoadChildSellect.do?fid=‘;
if(null!=$("#unitProvince").val() && ""!=$("#unitProvince").val()) {

//查询字典获取内容
HydUtilLoadChildSellect(url, $("#unitStreat"), "99996", $("#unitCity").val());
}
}

以上是关于页面省市区级联加载的主要内容,如果未能解决你的问题,请参考以下文章

elementUi省市区级联

微信小程序中如何实现省市区街道四级地址级联选择

Element UI 中国省市区级联数据

Element UI 中国省市区级联数据

js selection省市2级级联菜单

Element UI 中国省市区级联选择器