ajax js java省市三级联动菜单,AJAX省市区三级联动下拉菜单(java版)
此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表:
代码如下:
建立数据库中的代码和一些配置文件信息就省略了,主要有javascript中的代码为:
$(document).ready(function(){
$.get("getprovince.do", function(result){
$("#showp").html(result);
});
})
var xmlhttp;
function mysend(str){
$(document).ready(function(){
$("#show2").html("");
})
var show = document.getelementbyidx_x_x_x_x_x_x_x_x_x("show");
show.innerhtml = "";
var province = document.getelementbyidx_x_x_x_x_x_x_x_x_x("province").value;
if(province!=0){
if(window.xmlhttprequest){
xmlhttp = new xmlhttprequest();
}else{
xmlhttp = new activexobject("microsoft.xmlhttp");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readystate==4 && xmlhttp.status==200){
show.innerhtml = xmlhttp.responsetext;
}
}
var ss = encodeuricomponent(str);
xmlhttp.open("get","getcity.do?provinceid="+ss,true);
xmlhttp.send(null);
}
}
function myarea(str){
if(window.xmlhttprequest){
xmlhttp = new xmlhttprequest();
}else{
xmlhttp = new activexobject("microsoft.xmlhttp");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readystate==4 && xmlhttp.status==200){
var show2 = document.getelementbyidx_x_x_x_x_x_x_x_x_x("show2");
show2.innerhtml = xmlhttp.responsetext;
}
}
var ss = encodeuricomponent(str);
xmlhttp.open("get","getarea.do?cityid="+ss,true);
xmlhttp.send(null);
}
html页面中的代码为:
所在地
action中的代码为:
package mobi.zhangsheng.jiejia.action;
import java.io.ioexception;
import java.io.printwriter;
import java.util.list;
import javax.annotation.resource;
import javax.servlet.http.httpservletrequest;
import javax.servlet.http.httpservletresponse;
import org.apache.struts2.servletactioncontext;
import org.springframework.stereotype.controller;
import mobi.zhangsheng.jiejia.domain.areas;
import mobi.zhangsheng.jiejia.service.agentsservice;
import mobi.zhangsheng.jiejia.service.areasservice;
@controller
public class provinceaction {
private int provinceid;
private int cityid;
@resource
private areasservice as;
@resource
private agentsservice ags;
public int getprovinceid() {
return provinceid;
}
public void setprovinceid(int provinceid) {
this.provinceid = provinceid;
}
public int getcityid() {
return cityid;
}
public void setcityid(int cityid) {
this.cityid = cityid;
}
public void getprovince(){
list provincelist = as.getareasprvincelist();
httpservletresponse resp= servletactioncontext.getresponse();
httpservletrequest request = servletactioncontext.getrequest();
//resp.setcontenttype("xml");
resp.setcontenttype("text/html");
resp.setcharacterencoding("utf-8");
try {
printwriter out = resp.getwriter();
out.print("
");
//out.print("shanghai");
} catch (ioexception e) {
e.printstacktrace();
}
}
public void getcity(){
list citylist = as.getareascitylist(provinceid);
httpservletresponse resp= servletactioncontext.getresponse();
//resp.setcontenttype("xml");
resp.setcontenttype("text/html");
resp.setcharacterencoding("utf-8");
try {
printwriter out = resp.getwriter();
out.print("
");
//out.print("shanghai");
} catch (ioexception e) {
e.printstacktrace();
}
}
public void getarea(){
list arealist = as.getareascitylist(cityid);
if(arealist.size()==0){
}else{
httpservletresponse resp= servletactioncontext.getresponse();
resp.setcontenttype("text/html");
resp.setcharacterencoding("utf-8");
try {
printwriter out = resp.getwriter();
out.print("
");
} catch (ioexception e) {
e.printstacktrace();
}
}
}
}
主要的功能代码都在上面了,如有不懂的请联系qq:1037139984,祝大家都有好的发展,共同学习,共同成长。
ajax js java省市三级联动菜单,AJAX省市区三级联动下拉菜单(java版)相关推荐
- 下拉菜单html菜鸟教程,Bootstrap 下拉菜单
Bootstrap 下拉菜单(Dropdown)插件 Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互.使用下拉菜单(Dropdown)插件,您 ...
- 右边菜单_Excel – 如何始终显示下拉菜单右边的小箭头?
制作下拉菜单,不是什么高深的技巧,我在各种案例中也经常会用到. 如果要学习多级联动菜单的制作,可参见 Excel indirect 函数(2) – 制作多级联动菜单(文末彩蛋) 最近有同学提出了一个关 ...
- java月份下拉菜单_实现一个日期下拉菜单
这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理,实例是实现一个日期选择下拉菜单.本文调试环境为IE6/firefox1.5. 首先来分析一下日期下拉菜单的需求.建议大家在写任 ...
- java excel 数据有效性_Excel设置数据有效性实现单元格下拉菜单的3种方法
Excel设置数据有效性实现单元格下拉菜单的3种方法 一.直接输入: 1.选择要设置的单元格,譬如A1单元格: 2.选择菜单栏的"数据"→"有效性"→出现&qu ...
- jquery 下拉菜单 html,用jquery实现下拉菜单效果的代码
效果如下: 这是菜单的内容,用ul标签实现菜单: 菜单一 子菜单1 子菜单2 子菜单7 子菜单3 菜单二 子菜单4 子菜单5 子菜单6 这是CSS控制代码: ul,ol,li{list-style:n ...
- 10款菜单导航代码_jquery 导航菜单_js 导航菜单_二级导航条下拉菜单(一)
jQuery左侧下拉导航菜单后台框架模板 js侧边隐藏菜单收缩特效 黑色的左侧导航管理面板ui特效 企业官网tab下拉菜单特效 Facebook自定义多级导航菜单查询 jQuery圆形转盘多级菜单代码 ...
- vue 下拉框筛选列表_vue下拉菜单选择输入框_带有下拉菜单的Vue搜索输入可提供更多过滤条件...
vue下拉菜单选择输入框 @ tillhub / vue-search-filter (@tillhub/vue-search-filter) Vue search input with dropdo ...
- html下拉菜单的子目录,html - 带有下拉菜单的子菜单的垂直下拉菜单 - 堆栈内存溢出...
我想用以下结构制作一个垂直下拉菜单(对于每个"按钮"一个不同的"下拉" div).这个想法是当我将"按钮"悬停时,"下拉" ...
- php 类似微信下拉菜单,微信小程序模拟下拉菜单开发实例
本文主要和大家分享微信小程序模拟下拉菜单开发实例,希望能帮助到大家. 一.知识点 1.实现动态显示和隐藏某个控件 列表1data:{ open:false }, showitem:function() ...
- android 美团下拉菜单,Android仿美团分类下拉菜单实例代码
本文实例为大家分享了Android仿美团下拉菜单的实现代码,分类进行选择,供大家参考,具体内容如下 效果图 操作平台 AS2.0 第三方框架:butterknife build.gradle depe ...
最新文章
- JDBC批处理读取指定Excel中数据到Mysql关系型数据库
- 使用tomcat自带的连接池,报错
- 重构,还是重写?(2020版)
- android 百度地图3.0定位,Android 百度地圖 SDK v3.0.0 (二) 定位與結合方向傳感器...
- basic code
- java计算两列数据差_DAX计算列基于其他表中的两列
- python如何下载安装tensorflow_TensorFlow下载与安装
- Atitit 物联网之道 艾龙著 attilax著 1. 理论基础(控制理论 信息理论)	2 2. 1.5 物联网的关键技术12 	2 2.1. 1.5.1 网络与通信技术12 1.5.2 无线传感
- java如何实现联网象棋代码_java中国象棋联网对战源码
- css黄金色渐变值,ps金色(ps金色渐变数值)
- Q4-软件测试面试常见问题总结-本科毕业
- 基于matlab七轴可伸缩关节机械臂物品抓取
- 64位CPU内存限制
- Windows搭建cloudever对接OneDrive教程(新版)
- Luogu P4944 【PION贪吃蛇】
- 房产|9月全国70城房价出炉!快来看看你的城市房价变化
- java MP4视频压缩
- 使用ldapmodify修改条目
- 罗马数字与十进制数字对应生成(1-3999)
- 厚脸皮,是一个人最了不起的才华
热门文章
- SQL执行效率提升几万倍的操作详解!
- 群英论道聚北京,共话PostgreSQL
- 快讯:2019 OOW 文档已提供下载
- 技术人解读企业为什么要平台化,关于数据中台你不知道的事...
- 云图说|分布式事务管理DTM:“买买买”背后的小帮手
- 论文解读丨无参数的注意力模块SimAm
- 华为高级研究员谢凌曦:下一代AI将走向何方?盘古大模型探路之旅
- 论文解读丨基于局部特征保留的图卷积神经网络架构(LPD-GCN)
- “先加密后签名”是不是安全?看完这篇就秒懂!
- 【华为云技术分享】鲲鹏弹性云服务器GCC交叉编译环境搭建指南