下面我就为大家分享一篇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中实现标签子元素的添加和赋值方法

在jQuery中实现标签子元素的添加和赋值方法

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

如何使用ngrok+express解决微信接口调试问题