dwr动态装载下拉列表框选项

最新推荐文章于 2018-06-05 19:09:38 发布

lucifer1016

最新推荐文章于 2018-06-05 19:09:38 发布

阅读量1k

点赞数

分类专栏： Ajax 文章标签： dwr string function javascript encoding java

Ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

天继续学习了一点DWR的知识，今天是用DWR实现一个简单的动态装载下拉列表框选项效果.具体程序如下：

1、java代码：获取城市和地区信息

public Map getCities(){
  Map<String,String> cities=new HashMap<String,String>();
  cities.put("1","天津市");
  cities.put("2","北京市");
  return cities;
}

public String[] getArea(String city){
  ArrayList<String> area=new ArrayList<String>();
  if(city.equals("1")){
   area.add("和平区");
   area.add("南开区");
   area.add("河西区");
   area.add("河北区");
  }
  else if(city.equals("2")){
   area.add("海淀区");
   area.add("朝阳区");
   area.add("宣武区");
  }
  return area.toArray(new String[area.size()]);
}

2、在DWR中注册类方法

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">

3、编写javascript函数访问java方法

注意需要引入：

function getCity(){
DwrService.getCities(function(city){
dwr.util.removeAllOptions("city");
dwr.util.addOptions("city",["请选择城市"]);
dwr.util.addOptions("city",city);});
}

function getArea(){
dwr.util.useLoadingMessage();
dwr.util.removeAllOptions("area");
var city=dwr.util.getValue("city");
DwrService.getArea(city,function(area){
dwr.util.addOptions("area",area)});
}

html页面：

<h2>转换Sting[] 和Map类型数据</h2>
<br>
城市<select id="city" οnchange="getArea()">
</select>
<br>
地区<select id="area"></select>
</body>

lucifer1016

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
dwr动态装载下拉列表框选项

天继续学习了一点DWR的知识，今天是用DWR实现一个简单的动态装载下拉列表框选项效果.具体程序如下：1、java代码：获取城市和地区信息public Map getCities(){ Map cities=new HashMap(); cities.put("1","天津市"); cities.put("2","北京市"); return cities; } public S
复制链接

扫一扫