下面我就为大家分享一篇jQuery实现标签子元素的添加和赋值方法,具有很好的参考价值,希望对大家有所帮助。
一、在jsp页面中定义221f08282418e2996498697df914ce4e标签,如下:
<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中实现标签子元素的添加和赋值方法的详细内容。更多信息请关注PHP中文网其他相关文章!