二级联动Select标签

jsp:


                 <xx:selectArea id="province" name="custAreaProvince" style="width:135px" onChange="selectProvince(this.value)"/>
                 <xx:selectArea id="city" name="custArea" style="width:140px"/>

                 这是自定义的标签,可根据需要自行定义或者适应标准的input标签,如<select
                            style="text-indent: 0px;" class="select_style1" id="systemName"
                            name="systemName"  onChange="getData()">
                                <c:forEach items="${list}" var="req" varStatus="status">
                                    <option value="${req.systemName}">${req.systemName}</option>
                                </c:forEach>
                            </select></li>

JS:

function selectProvince(province){
    $.ajax({
        cache: true,
        type: "post",
        scriptCharset: "UTF-8",
        url:"${ctx}/common/getCityByProvince.htm",
        data:{province:province},
        async: false,
        success: function(data) {
            if(null == data || "" == data){
                return;
            }

            //清空select
            $("#city").empty();
               var options = data;

            //给select赋值
            $.each(options, function(i) {
                $('#city').append('<option value="' + options[i].areaName + '">' + options[i].areaName + '</option>');
            });
        }
    });    
}

Java:

@RequestMapping(value = "getCityByProvince", method = RequestMethod.POST)
    @ResponseBody
    public List<TArea> getCityByProvince(String province) {
        List<Map<String, List<TArea>>> list = null;
        List<TArea> areas = null;
        try {
            list = DataServerSingleton.getInstance().getArea();
        } catch (Exception e) {
            e.printStackTrace();
            return areas;
        }
        Boolean flag = Boolean.TRUE;
        for (Map<String, List<TArea>> map : list) {
            Set keySet = map.keySet();
            Iterator<String> provinceIt = keySet.iterator();
            if (!flag) {
                break;
            }
            while (provinceIt.hasNext() && flag) {
                String key = provinceIt.next();
                if (key.equalsIgnoreCase(province)) {
                    areas = map.get(key);
                    flag = Boolean.FALSE;
                }
            }

        }

        return areas;
    }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值