Question

感觉js代码不执行啊，大神帮看下。其实就是个省市关联的两个下拉列表





Answer 1

使用Jquery插件应该会比较方便，比如：

<select name = 'province' id = province>
    <option value='江西省' seleceted>江西省</option>
    <option value='福建省'>福建省</option>
    ... 
</select>
<select name='city' id='city'>
    <option value='南昌市'>南昌市</option>
    <option value='九江市'>九江市</option>
    ...
</select>

//使用Jquery插件
$('province').change(function(){
    var province = $(this).val();
    var url = '/Area/getCity';//将省份信息提交到后台，返回省份下的城市数组
    $.post(url,{province:province},function(data){
        $('city').empty();
        $.each(data ,function(){
            $('city').append('<option value="'+data.city+'">'+data.city+'</option>');
        });
    });
});

追问

这插件用了还要写servlet吗？

能不能完整点

追答

要啊 你只要写个处理省市级联关系的方法就好了基本可以直接套用我的js代码 你servlet里写一个可以完成 页面提交“江西省” 你返回一个江西省下面所有城市的数组给页面就好了

追问

servlet还是用ajax写吗？

这是之前用的两个servlet

type和guige分别对应省，市

追答

servlet里写java代码    一个简单的方法就好了  

类似下面这种  你写成servlet

public List<City> getCity(string province){
    //如果是从数据库中查的
    List<City> citys = toolsServices.getCity(province);//一个获取city的services
    return citys;//将数据发送到页面去处理
}

就这么简单   不要想的太复杂了

追问

从xml提取怎么写呀

追答

    public List<Province> getProvince(){
        DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
        DocumentBuilder db = factory.newDocumentBuilder();
        Document document = db.parse(new File("area.xml"));
        NodeList node = document.getElementsByTagName("province");
        List<Province> list= new ArrayList();
        for(int i=0;i<node.getLength();i++){
            //单独返回省份的List
            Element element = (Element)node.item(i);
            String value = element.getAttribute("province");
            Province province = new Province();
            province.setProvince(value);
            list.add(province);
        }
    }

追问

大神，能不能给我写个servlet和jsp完整的代码，我是新手，看不太懂啊。。。

追答

我还是只提供方法比较好，自己动手完成印象会比较深，不容易忘记，如果我直接把代码写好给你 下次你再遇上只会有个似曾相识的感觉，我给你的已经算是相对比较完整了，如果有什么不懂的可以自己查阅资料或请教他人

Answer 2

代码发上来

追问

不是发了吗？

看不清吗？

这是后面两张