JS、JSP省市区切换

<label>省:
<select id="province" class="form-control input-sm" >
	<option value="">请选择</option>                    			
</select> 
</label>
<label>市:
<select id="city">
	<option value="">请选择</option>	                              			  
</select> 
</label>

<label>区:
<select id="district">
	<option value="">请选择</option>                     			
</select> 
</label>

上述为JSP代码。

$(document).ready(function () {
	$.post("userAction!getAllProvince", function (data) {
	    	var jsonObj = eval("(" + data + ")");
	    	for (var i = 0; i < jsonObj.length; i++) {
	    		var $option = $("<option></opt
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP(JavaServer Pages)是一种用于创建动态网页的Java技术。要实现省市区街道社区五级联动,可以借助JSP和相关的技术来完成。 首先,需要准备相关的数据源,包括省、市、区、街道和社区的信息。可以将这些信息存储在数据库中,或者通过其他方式进行存储。 在JSP页面中,可以使用HTML元素和JSP代码来实现五级联动的效果。以下是一个简单的示例: 1. 省份下拉菜单: ```jsp <select name="province"> <option value="省份1">省份1</option> <option value="省份2">省份2</option> <!-- 其他省份选项 --> </select> ``` 2. 城市下拉菜单: ```jsp <select name="city"> <!-- 根据选择的省份,使用JSP代码动态生成城市选项 --> <option value="城市1">城市1</option> <option value="城市2">城市2</option> <!-- 其他城市选项 --> </select> ``` 3. 区县下拉菜单: ```jsp <select name="district"> <!-- 根据选择的省份和城市,使用JSP代码动态生成区县选项 --> <option value="区县1">区县1</option> <option value="区县2">区县2</option> <!-- 其他区县选项 --> </select> ``` 4. 街道下拉菜单: ```jsp <select name="street"> <!-- 根据选择的省份、城市和区县,使用JSP代码动态生成街道选项 --> <option value="街道1">街道1</option> <option value="街道2">街道2</option> <!-- 其他街道选项 --> </select> ``` 5. 社区下拉菜单: ```jsp <select name="community"> <!-- 根据选择的省份、城市、区县和街道,使用JSP代码动态生成社区选项 --> <option value="社区1">社区1</option> <option value="社区2">社区2</option> <!-- 其他社区选项 --> </select> ``` 在上述示例中,根据前一级下拉菜单的选择,使用JSP代码动态生成后一级下拉菜单的选项。通过这种方式,实现了省市区街道社区五级联动的效果。 当用户选择一个省份后,JSP代码会根据所选省份的值,从数据源中查询出对应的城市选项并动态生成城市下拉菜单;用户选择城市后,继续根据城市的值查询出对应的区县选项并动态生成区县下拉菜单;随后用户选择区县,根据区县的值查询出对应的街道选项并动态生成街道下拉菜单;最后用户选择街道,根据街道的值查询出对应的社区选项并动态生成社区下拉菜单。这样就实现了五级联动的效果。 需要注意的是,以上示例只是简单的演示,实际实现时需要根据具体的需求和数据源来进行适配和修改。使用JSP结合相关技术,可以方便地实现省市区街道社区五级联动。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值