jQuery实现标签子元素的添加和赋值方法
2019-01-08
编程之家
https://www.jb51.cc
编程之家收集整理的这篇文章主要介绍了jQuery实现标签子元素的添加和赋值方法,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一、在jsp页面中定义标签,如下:
科室:
二、编写js语句:
$(function () {
var dname = $(".dept-name-show").eq(0);//选定标签
var url = "${pageContext.request.contextPath}/getDepts.do";//请求路径
$(".dept-name-show").click(function () {
$.get(
url,function (res) {
var len = res.length;
var op = dname.children().length;
if (op < len) {
var pp = "";
for (var i = 0; i < len; i++) {
dname.append(pp);
dname.children().eq(i).text(res[i].name);
}
}
}
)
})
})
三、编写对应的请求语句:
deptList=null;
@RequestMapping(value = "/getDepts",method = {RequestMethod.GET})
public void getDepts(HttpServletResponse response) throws IOException {
response.setCharacterEncoding("utf-8");
response.setContentType("text/json;charset=utf-8");
if (deptList == null){
deptList = deptService.findAllDepts();
}else {
String res=JSON.toJSONString(deptList);
response.getWriter().write(res);
}
}
四、实现效果如下:
以上这篇jQuery实现标签子元素的添加和赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。
总结
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!