删除select元素里面的所有option
三种方法:
<select id="city">
<option>湖南</option>
<option>上海</option>
</select>
使用jquery清空
$("#city").find("option").remove();
或者
$("#city").empty();
或者
$("#city").html("");
二级查询
/** * 二级分类查询 * @param category * @return */ @GetMapping("/getMerchantChildrenName") @ResponseBody public Map<String,Object> getMerchantChildrenName(Category category){ Map param = new HashMap(); List<Category> list2 = merchantService.merchantChildrenName(category); if(CollectionUtils.isNotEmpty(list2)){ param.put("status","200"); param.put("msg","查询成功"); param.put("data",list2); } return param; }
<div class="form-group"> <label class="col-sm-3 control-label">parentId:</label> <div class="col-sm-8"> <select class="form-control" name="parentId" id="parentId" onchange="getChildrenName(this.value)"> <option value="-1">请选择</option> <option th:each="parentId:${list}" th:value="${parentId.id}" th:text="${parentId.name }"></option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">agencyId:</label> <div class="col-sm-8"> <select class="form-control" name="agencyId" id="agencyId"></select> </div> </div>
var prefix = ctx + "merchant/merchant" var url = prefix + "/getMerchantChildrenName"; function getChildrenName(parentId) { $.ajax({ type: "GET", url: url, dataType:'json', data: { "parentId": parentId, }, success: function(param) { console.log(param) if (param.status==200){ $("#agencyId").empty(); var lb = $("#agencyId");//列表框id //方法1:添加默认节点 lb.append("<option value='-1'>--请选择--</option>"); //转成Json对象 var result = eval(param.data); //循环遍历 下拉框绑定 $(result).each(function (key) { //赋值 var opt = $("<option></option>").text(result[key].name).val(result[key].id); lb.append(opt); }); } else { layer.msg('加载分类失败'); } }, error: function () { layer.msg('error'); } }); }
/** * 修改merchant info,agency下属的商户 */ @RequiresPermissions("merchant:merchant:edit") @GetMapping("/edit/{id}") public String edit(@PathVariable("id") Long id, Model model,Category category) { Merchant merchant = merchantService.selectMerchantById(id); model.addAttribute("merchant", merchant); if(merchant.getAgencyId()!=null){ Category category2=merchantService.getSingleCategory(merchant.getAgencyId());//单个子分类 model.addAttribute("category2", category2); } if (category.getParentId() == null) {//一级分类 category.setParentId(0L); List<Category> list = merchantService.merchantParentName(category); model.addAttribute("list", list); } return prefix + "/edit"; }
编辑
<div class="form-group"> <label class="col-sm-3 control-label">parentId:</label> <div class="col-sm-8"> <select class="form-control" name="parentId" id="parentId" onchange="getEditChildrenName(this.value)"> <option value="-1">请选择</option> <option th:each="parentId:${list}" th:selected="${parentId.id==merchant.parentId}" th:value="${parentId.id}" th:text="${parentId.name }"></option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">agencyId:</label> <div class="col-sm-8"> <select class="form-control" name="agencyId" id="agencyId" > <option th:value="${category2.id}" th:text="${category2.name }"></option> </select> </div> </div>