easyUI实现级联操作

最新推荐文章于 2023-12-07 00:06:17 发布

认真的MissChen

最新推荐文章于 2023-12-07 00:06:17 发布

阅读量1.2k

点赞数

分类专栏：前端技术文章标签： easyui combobox jsp select

本文链接：https://blog.csdn.net/u010697983/article/details/38982831

版权

前端技术专栏收录该内容

8 篇文章 1 订阅

订阅专栏

今天用到了easyUI的easyui-combobox实现级联操作：效果-------

实现代码：

-------------------------------------------------------------------------------------------jsp--------------------------------------------------------------------------------------------------

<label class="ui-label">
							省份：
						</label>
						<input id="select_prov" name="provinceid" class="easyui-combobox"
							data-options="
							valueField: 'id',
							textField: 'name',
							url: 'province/listProv.action',
							onSelect:function (record){
							var id = $('#select_prov').combobox('getValue');
							url = 'city/listCities.action?id='+id;
							$('#select_city').combobox('reload', url);
						}" />
						<label class="ui-label">
							城市：
						</label>
						<input id="select_city" name="cityid" class="easyui-combobox"
							data-options="
							valueField: 'id',
							textField: 'name',
							url: 'city/listCities.action'" />

-------------------------------------------------------------------------------------------jave-------------------------------------------------------------------------------------------------
查询全省

/**
     * 查询全部省份
     * @return
     */
    @RequestMapping("/listProv")
    @ResponseBody
    public List<TbProvince> qryAllProvs()
    {
        List<TbProvince> list = this.provinceService.qryAllProvs();
        return list;
    }

查询地市

/**
     * 查询全部地市
     * @return
     */
    @RequestMapping("/listCities")
    @ResponseBody
    public List<TbCity> qryAllCities(Integer id)
    {
        List<TbCity> list = this.cityService.qryAllCities(id);
        return list;
    }