jQuery实现标签子元素的添加和赋值方法
2018-02-24 09:57
645 查看
一、在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为元素添加样式的实现方法
- 给某个标签添加click事件,通过jQuery写click方法的方式,如何实现
- jQuery实现在新增加的元素上添加事件方法案例分析
- jquery动态添加带有样式的HTML标签元素方法
- JQuery为元素添加样式的实现方法
- JQuery动态添加Select的Option元素实现方法
- JQuery为元素添加样式的实现方法
- a标签跳转到指定div,jquery添加和移除class属性的实现方法
- js与jquery获取父级元素,子级元素,兄弟元素的实现方法
- jquery动态添加元素事件失效问题解决方法
- jQuery 复制节点的元素实现添加到购物车功能
- jQuery动态添加、删除元素的方法
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- jQuery 复制节点的元素实现添加到购物车功能
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jquery动态添加元素事件失效问题解决方法
- jquery append()方法添加的标签为什么不能添加事件?
- jquery如何改变html标签的样式(两种实现方法)