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实现标签子元素的添加和赋值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍jQuery 添加元素和删除元素的方法，包括了jQuery 添加元素和删除元素的方法的使用技巧和注意事项，需要的朋友参考一下 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法： append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插
-
本文向大家介绍JQuery动态添加Select的Option元素实现方法，包括了JQuery动态添加Select的Option元素实现方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery实现获取h1-h6标题元素值的方法，包括了jQuery实现获取h1-h6标题元素值的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现获取h1-h6标题元素值的方法。分享给大家供大家参考，具体如下： 1、问题背景： 查找到h1-h6，并遍历它们，打印出内容 2、实现代码： 3、运行效果图： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：
-
本文向大家介绍MyBatis 添加元数据自定义元素标签的实现代码，包括了MyBatis 添加元数据自定义元素标签的实现代码的使用技巧和注意事项，需要的朋友参考一下 开发背景 现有系统中维护了一套业务表相关列、键的元数据，希望通过读取元数据实现自动封装 SQL 语句、自定义主键策略。实现方案为入侵式修改 MyBatis，增加元素标签meta，支持业务开发中可以在XML映射文件中使用。 meta元素
-
主要内容：添加新的 HTML 内容,jQuery append() 方法,实例,jQuery prepend() 方法,实例,通过 append() 和 prepend() 方法添加若干新元素,实例,jQuery after() 和 before() 方法,实例,通过 after() 和 before() 方法添加若干新元素,实例通过 jQuery，可以很容易地添加新元素/内容。 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法： append() - 在被选元素的结
-
本文向大家介绍Jquery实现获取子元素的方法分析，包括了Jquery实现获取子元素的方法分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Jquery实现获取子元素的方法。分享给大家供大家参考，具体如下： Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。 1.children()方法：获取该元素下的直