下拉框三级联动，当回传的是json数据时的处理

最新推荐文章于 2023-07-13 11:13:35 发布

My_blankness

最新推荐文章于 2023-07-13 11:13:35 发布

阅读量1.2k

点赞数

分类专栏： JavaWeb 文章标签：下拉框联动 json

本文链接：https://blog.csdn.net/My_blankness/article/details/82893433

版权

本文探讨了在下拉框实现三级联动时，如何处理后台回传的JSON数据。在编辑页面中，面临两种情况：一是初始化时已有provinceId，二是动态获取数据。在第二种情况下，页面不刷新，需要通过额外的Ajax请求来更新并渲染省市区信息。文中详细阐述了在不同情况下的代码实现，包括三个Ajax请求的使用。

摘要由CSDN通过智能技术生成

1、点击编辑按钮，进来一个页面，后台有直接传过来user.provinceId，并且在ajax、页面初始化中，数据添加完成并且渲染成功。
2、当进入编辑页面以后，填写某个东西，根据a路径去后台调用，并回传一个json字符串，希望注册地被渲染，且显示数据相应的省市区。这时页面不会全部刷新，这个插件不会初始化。有数据也没反应。只能在该a路径下回传成功后，自己写ajax请求，自己去后台调用。

第一种情况

 <td colspan="2">
	<label class="control-label x140"><span class="red">*</span>注册地：</label>
	     <select name="provinceId" id="provinceId" data-val="${user.provinceId }" data-toggle="selectpicker" data-nextselect="#cityId" data-refurl="<%=request.getContextPath()%>/systype/city.do?proId={value}"   data-autoClose="true">
	         <option value="0">--省市--</option>
	     </select>
	     <select name="cityId" id="cityId" data-toggle="selectpicker" data-val="${user.cityId } " data-nextselect="#disId" data-refurl="<%=request.getContextPath()%>/systype/district.do?cityId={value}" data-emptytxt="--城市--" data-rule="integer[+]"  data-autoClose="true">
	         <option value="0">--城市--</option>
	     </select>
	     <select name="