使用jquery加ajax动态添加select的option子元素

场景

点击商品分类时动态添加 商品名称 由于商品分类不是过多 和商品名称 所以没用考虑太多的性能问题

前台 bootstrap模板

	商品分类
	

		
			---请选择---
			[#if (commodityClassificationList)! ] [#list commodityClassificationList as commodityClassification]
			${commodityClassification.classificationName}
			[/#list] [/#if]
		
	


	商品名称
	

		
			---请选择---
		
	

使用jquery写得函数

java后台代码

	/**
	 * 获取商品类型的
	 * 
	 * @return
	 */
	@ResponseBody
	@RequestMapping("getCommodity")
	public AjaxJson getCommodity(Long id) {
		AjaxJson j = new AjaxJson();
		try {
			if(id==null){
				j.setMsg("请稍重试");
				j.setSuccess(false);
				return j;
			}
			String sql = "select * from amysky_wx_member_commodity as a where  a.commodity_classification_id =?";
			List commodityList = amyskyWxMemberCommodityService.queryListBySql(sql,
					AmyskyWxMemberCommodityEntity.class, id);
			if (null == commodityList) {
				commodityList = new ArrayList();
			}
			j.setObj(commodityList);
			j.setMsg("查询成功");
			j.setSuccess(true);
		} catch (Exception e) {
			j.setMsg("系统繁忙,请稍后重试");
			j.setSuccess(false);
			e.printStackTrace();
		}
		return j;
	}

 

如若有更好的方法请联系我邮箱 [email protected]