ajax 文本框改变事件 局部刷新 报错

qq_39881510 2017-11-15 08:36:45

@RequestMapping(value="selNursinglevelall", method=RequestMethod.GET)
@ResponseBody
public List<Nursinglevel> selNursinglevelall(String nursinglevel_object){
List<Nursinglevel> nursinglevel1 = nursinglevelservice.selNursinglevelAll(nursinglevel_object);
return nursinglevel1;
}

@RequestMapping(value="selNursinglevel", method=RequestMethod.GET)
public String selNursinglevel(Model model,Nursinglevel nursinglevel ,String nursinglevel_object){
List<Nursinglevel> nursinglevel2 = nursinglevelservice.selNursinglevel(nursinglevel);
model.addAttribute("nursinglevel2", nursinglevel2);
return "/WEB-INF/Check/NewFile1";
}
$("#nursinglevel_object").change(function (){
var targetUrl = $(this).attr("data-getDataUrl");
//获得一级select的值
var firstValue = $(this).val();
//如果一级select的值为null,隐藏二、,并返回
$.ajax({
type:'get',
url:targetUrl,
data:{
nursinglevel_object:firstValue
},
cache:false,
dataType:'json',
success:function(nursinglevel1){
var input = "<input value='"+nursinglevel1.nursinglevel_description+"'></input>" ;
var input2 = "<input value='"+nursinglevel1.nursinglevel_expenses+"'></input>";
var input3 = "<input value='"+nursinglevel1.cost+"'></input>";
var input4 = "<input value='"+nursinglevel1.costz+"'></input>";
$("#nursinglevel_description").append(input);
$("#nursinglevel_expenses").append(input2);
$("#cost").append(input2);
$("#costz").append(input2);
$("#nursinglevel_description").fadeIn("slow");
$("#nursinglevel_expenses").fadeIn("slow");
$("#cost").fadeIn("slow");
$("#costz").fadeIn("slow");
},
error:function(){
alert("请求失败")
}
});
});
<div class="control-group">
<label class="control-label" for="name">护理级别:</label>
<select class="form-control" id="nursinglevel_object" >
<option >请选择护理级别</option>
<c:forEach items="${nursinglevel2}" var="listone">
<option value="${listone.nursinglevel_object}">${listone.nursinglevel_object}</option>
</c:forEach>
</select>
</div>
<div class="control-group">
<label class="control-label" for="name"> 级别说明:</label>
<input type="test" readonly="true" id="nursinglevel_description" data-getDataUrl="<%=basePath %>Nursinglevel/selNursinglevelall" class="form-control" value="${nursinglevel1.nursinglevel_description}">
</div>
<div class="control-group">
<label class="control-label" for="name"> 护理级别费用:</label>
<input type="test" readonly="true" id="nursinglevel_expenses" class="form-control" value="${nursinglevel1.nursinglevel_expenses}">
</div>
<div class="control-group">
<label class="control-label" for="name">私人定制费用:</label>
<input type="test" id="cost" readonly="true" class="form-control" value="${nursinglevel1.cost}">
</div>
<div class="control-group">
<label class="control-label" for="name"> 护理总费用:</label>
<input type="test" id="costz" readonly="true" class="form-control" value="${nursinglevel1.costz}">
</div>
...全文
263 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
peng2739956 2017-11-16
  • 打赏
  • 举报
回复
报错很明显 写着 head is null or 找不到

62,244

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧