在jQuery中实现标签子元素的添加和赋值方法
程序员文章站
2022-03-25 18:58:02
...
下面我就为大家分享一篇jQuery实现标签子元素的添加和赋值方法,具有很好的参考价值,希望对大家有所帮助。
一、在jsp页面中定义<select>标签,如下:
<p> <span>科室:</span> <select class="dept-name-show" style="width: 70%;"> </select> </p>
二、编写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中实现标签子元素的添加和赋值方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
jQuery实现标签子元素的添加和赋值方法
-
jQuery使用before()和after()在元素前后添加内容的方法教程
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
详解JavaScript实现向select下拉框中添加和删除元素的方法
-
jQuery实现标签子元素的添加和赋值方法
-
jQuery使用before()和after()在元素前后添加内容的方法_jquery
-
jQuery使用before()和after()在元素前后添加内容的方法_jquery
-
jQuery使用before()和after()在元素前后添加内容的方法
-
JQuery 在文档中查找指定name的元素并移除的实现方法_jquery