jQuery实现标签子元素的添加和赋值方法
更新时间：2018年02月24日 09:57:47 作者：hacker_Lees
下面小编就为大家分享一篇jQuery实现标签子元素的添加和赋值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
一、在jsp页面中定义<select>标签，如下：
<div> <span>科室:</span> <select class="dept-name-show" style="width: 70%;"> </select> </div>
二、编写js语句：
<script>
$(function () {
var dname = $(".dept-name-show").eq(0);//选定<select>标签
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 = "<option></option>";
for (var i = 0; i < len; i++) {
dname.append(pp);
dname.children().eq(i).text(res[i].name);
}
}
}
)
})
})
</script>
三、编写对应的请求语句：
List<Dept> 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实现标签子元素的添加和赋值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文给大家讲述的是如何使用jspdf生成pdf报表的方法和示例，十分的实用，有需要的小伙伴可以参考下。2015-07-07
jquery $.ajax相关用法分享，使用jquery的朋友可以参考下2012-03-03
jQuery ajax全局函数处理session过期后的ajax跳转问题
这篇文章主要介绍了基于jQuery的全局ajax函数处理session过期后的ajax操作的相关资料,需要的朋友可以参考下2016-06-06
一、在元素内部/外部追加元素二、在元素的不同位置追加内容三、在元素的开始位置追加内容四、在不同元素的开始位置追加内容等等，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了开发中可能会用到的几个jQuery小提示和技巧,需要的朋友可以参考下2014-03-03
目前市面上很少见或几乎没有这数据(对象)选择插件.比如,点击input , select 元素时弹出div(窗口),载入数据让用户选择数据,选择后在填充回对应的元素.2012-08-08
jquery+swiper组件实现时间轴滑动年份tab切换效果
这篇文章主要介绍了jquery+swiper组件实现时间轴滑动年份tab切换效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
下面小编就为大家带来一篇Web前端新人笔记之jquery入门心得(新手必看)。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jquery禁用右键示例,需要的朋友可以参考下2014-04-04
jQuery ajax BUG：object doesn''t support this property or met
使用$.ajax时出现的错误，IE7下才会出错，IE6,IE8都正常。2010-07-07
最新评论